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

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 ?

Login Your Admin Pannel.
Select Your Website And Enter.
Fixed Place For Showing This Code And
Finally Add This Code HTML / Javascript.

# How To Use Blogger or BlogSpot User ?

Login Your Blogger / Blogspot Website.
Go To Layout Or Create A.New Page.
Add A Gadget HTML / Javascript Or Go To Page HTML Mode.
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.