Ganjobio 32 Posted August 13, 2018 Report Share Posted August 13, 2018 Всем привет! Может кто-то подсказать JavaScript таймера, который начинал бы отсчет только после клика на определенный элемент на сайте? Пример: Посетитель нажимает на баннер в боковом сайдбаре, включается таймер и через ХХ секунд внизу страницы появляется фраза ВАШ ПРОМОКОД ХХХХХХХХ Link to post Share on other sites
kat0d 1 Posted August 13, 2018 Report Share Posted August 13, 2018 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> p { text-align: center; font-size: 60px; margin-top:0px; } </style> </head> <body> <button id="timer-button" type="button">дави</button> <p id="demo"></p> <script> // Set the date we're counting down to var countDownDate = new Date("Jan 5, 2019 15:37:25").getTime(); // Update the count down every 1 second document.getElementById("timer-button").addEventListener('click', (function () { setInterval(function() { // Get todays 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 = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); })); </script> </body> </html> Link to post Share on other sites
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now