1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <title>Countdown timer using HTML and JavaScript</title>
6 </head>
7 <body>
8 Registration closes in <span id="timer">05:00<span> minutes!
9
10 <!-- custom js -->
11 <script>
12 window.onload = function () {
13 var minute = 5;
14 var sec = 60;
15 setInterval(function () {
16 document.getElementById("timer").innerHTML =
17 minute + " : " + sec;
18 sec--;
19 if (sec == 00) {
20 minute--;
21 sec = 60;
22 if (minute == 0) {
23 minute = 5;
24 }
25 }
26 }, 1000);
27 };
28 </script>
29 </body>
30</html>
1<!-- Display the countdown timer in an element -->
2<p id="demo"></p>
3
4<script>
5// Set the date we're counting down to
6var countDownDate = new Date("Jan 5, 2021 15:37:25").getTime();
7
8// Update the count down every 1 second
9var x = setInterval(function() {
10
11 // Get today's date and time
12 var now = new Date().getTime();
13
14 // Find the distance between now and the count down date
15 var distance = countDownDate - now;
16
17 // Time calculations for days, hours, minutes and seconds
18 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
19 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
20 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
21 var seconds = Math.floor((distance % (1000 * 60)) / 1000);
22
23 // Display the result in the element with id="demo"
24 document.getElementById("demo").innerHTML = days + "d " + hours + "h "
25 + minutes + "m " + seconds + "s ";
26
27 // If the count down is finished, write some text
28 if (distance < 0) {
29 clearInterval(x);
30 document.getElementById("demo").innerHTML = "EXPIRED";
31 }
32}, 1000);
33</script>
1<body>
2 <div>Registration closes in <span id="time">05:00</span> minutes!</div>
3</body>