Wapkiz Happy New Year Code 2020 | DaudTech

Add a stylish NEW YEAR countdown timer on your website. 1.HTML

2.CSS
.nybox{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:#004d99;color:#fff; padding:5px;font-size:1em;text-align:center;} #demo div{display:inline-block;background:#f44336;color:#fff;text-align:center;border-radius:3px;margin:5px 2px 10px 2px;} #demo div p{font-size:2em;margin:0px; background:#555;padding:5px 10px;} #demo div span{font-size:small;margin:0px;padding:5px 10px;} .second{color:#00e600;} #demo .yr{display:block;color:#000;background:#aaa;padding:5px;text-align:center;font-size:0.8em;margin:0px;border-radius:0px;} #demo h3{font-size: 2em;text-align:center;padding:1px;margin:1px;color:white;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: #FF00FF; } 50%{ color: red; } 99%{ color:yellow; } 100%{ color: orange; }}
2.Javascript
// Set the date we're counting down to var countDownDate = new Date("Jan 1, 2020 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 = "

NEW YEAR COUNTDOWN

" + days + "

DAYS

" + hours + "

HOURS

" + minutes + "

MINUTES

" + seconds + "

SECONDS
Time until Wednesday, 1 January 2020
"; // If the count down is over, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "

HAPPY NEW YEAR

WapMash Wishing You

HAPPY NEW YEAR

Happy New Year 2020
"; } }, 1000);
How to add in Wapkiz Site? Follow The Steps Step 1 – At first add CSS Copy the above CSS and paste it on by going to Panel -> Css Theme or Panel -> Meta Header (between tag) or On the same page where you want to add the Countdown Timer (between tag). Step 2 – Create JavaScript Follow the steps to create a js file Panel -> Js File Maker -> Create New Js File -> Paste the above js code and then submit -> Click Get Js File Code -> Now Copy the code (eg. ) Now paste your copied js file code, on the page where you want to show the Countdown Timer. Step 3 – Add Html To display the Countdown timer , paste the above Html Code. Or, Just paste the below code anywhere you want to add coundown

Attention : – Pls Visit Our সকল মুভি ডাউনলোড করুুন আমাদের মুভি ডাউনলোড ওয়েবসাইট থেকে and মুভি ডাউনলোড করতে না পারলে জয়েন করুুন টেলিগ্রামে এবং ডাউনলোড করার পিন ভিডিও দেখুন। Join Telegram Group

0 Response to "Wapkiz Happy New Year Code 2020 | DaudTech"

Post a Comment