jquery time counter

Solutions on MaxInterview for jquery time counter by the best coders in the world

showing results for - "jquery time counter"
Juliana
02 Jan 2019
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, 2022 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>
Nicola
28 Jun 2017
112222333