Happy New Year 2022 By Count Down Code

Happy New Year 2022 By Count Down Code


Nomoskar / Adab.
Hellow How Are You ? I Hope You  Are Fine. I Am Also Fine Too You.
Todays Tune Is Very Very Atractive Design For  You And Need For You.
So Friends !
...Lets Start...

Today I Am Sharing How To Create Happy New Year 2022 Count Down Code.
It's Simple But Very Atractive Looking. Your Website Visitor Wiches Happy New Year 2022 By Count Down.

Happy New Year 2022 Count Down

Happy New Year 2022 Count Down


This Code Use All The Kind Of Website. Just Copy This Code And Use It. All Wapkiz , Wapka , Blogger / Blogspot And Wordpress User Can Be Wich

Their Visitor Happy New Year 2022 By Count Down.
I Am Given Code  File By DownLoadable Link. You Can DownLoad This Code And Use Full Freely.

<!DOCTYPE html>
<html>
<head>
<title>HAPPY NEW YEAR COUNT DOWN</title>
</head>
<body>

<div class="nybox">
<p id="demo" align="center"></p>
</div>

<style type='text/css'>
.nybox{background: #000;background-image:url("https://i.extraimage.info/pix/LWBEK.jpg");-webkit-background-size: cover;-moz-background-size:cover;-o-background-size:cover;background-size: cover;}
#demo p{background:#ff12cf;color:#fff; padding:5px;font-size:1em;text-align:center;}
#demo div{display:inline-block;background:#8d02f7;color:#fff;text-align:center;border-radius:3px;margin:5px 2px 10px 2px;}
#demo div p{font-size:2em;margin:0px; background:#ff12cf;padding:5px 10px;}
#demo div span{font-size:small;margin:0px;padding:5px 10px;}
.second{color:#fff;}
#demo .yr{display:block;color:#fff;background:#ff12cf;padding:5px;text-align:center;font-size:1em;margin:0px;border-radius:0px;}
#demo h3{font-size: 2em;text-align:center;padding:1px;margin:1px;color:#ff12cf;text-shadow:1px 1px silver, -1px -1px blue;font-family: 'Indie Flower', cursive;    letter-spacing: 2px;}
#demo h2{animation:blinkingText 0.8s infinite;font-weight:bold; font-size:2.5em;}
@keyframes blinkingText{
0%{ color: #000; }
49%{ color: #FF12FF; }
50%{ color: red; }
99%{ color:yellow;  }
100%{ color: orange; }}
</style>

<script type='text/javascript'>
// Set the date we're counting down to
var countDownDate = new Date("Jan 1, 2022 00:00:00").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = "<p>NEW YEAR COUNTDOWN</p><div><p>" + days + "</p><span>DAYS</span></div><div><p>" + hours + "</p><span>HOURS</span></div><div><p>"
  + minutes + "</p><span>MINUTES</span></div><div><p class=second>" + seconds + "</p><span>SECONDS</span></div><div class=yr>Time until Saturday, 1 January 2022</div>";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "<p>HAPPY NEW YEAR</p><h3>SMsudipBD Wishing You</h3><h2>HAPPY NEW YEAR</h2><div class=yr>Happy New Year 2022</div>";
  }
}, 1000);
</script>
</body>
</html>

Most Of Common Quiestions And Answer. Read And Follow This Step.


# How To Use Wapkiz or Wapka User ?
  1. Login Your Admin Pannel.
  2. Select Your Website And Enter.
  3. Fixed Place For Showing This Code And
  4. Finally Add This Code HTML / Javascript.

# How To Use Blogger or BlogSpot User ?
  1. Login Your Blogger / Blogspot Website.
  2. Go To Layout Or Create A.New Page.
  3. Add A Gadget HTML / Javascript Or Go To Page HTML Mode.
  4. Paste This Code And Save It.

No More Today.
Give Your Valuable Comment For New One.
God Bless You.
Thanks All.
TaTa.


Credit By SMsudipBD.Com
Tags: - Happy New Year 2022 By Count Down Code,Wapka New Code,Wapkiz All Code,Blogger Widget Code,Seo Bangla Tips,Free Theme Download,Blogger Template,Free Net,Mobile Phone Review.
পোস্ট রেটিং করুন
ট্যাগঃ
About Author
1 comment
Sort by