Countdown
Countdown primary
days
hrs
min
sec
HTML Markup
Source Code:
days
hrs
min
sec
// Set the date we're counting down to
var countDownDate = new Date("Apr 1, 2020 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an 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 the elements with id="days", id="hours" etc.
document.getElementById("days").innerHTML = days;
document.getElementById("hours").innerHTML = hours;
document.getElementById("minutes").innerHTML = minutes;
document.getElementById("seconds").innerHTML = seconds;
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("days").innerHTML = "EXPIRED";
}
}, 1000);
Countdown default
days
hrs
min
sec
HTML Markup
Source Code:
days
hrs
min
sec
// Set the date we're counting down to
var countDownDate = new Date("Apr 1, 2020 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an 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 the elements with id="days1", id="hours1" etc.
document.getElementById("days1").innerHTML = days;
document.getElementById("hours1").innerHTML = hours;
document.getElementById("minutes1").innerHTML = minutes;
document.getElementById("seconds1").innerHTML = seconds;
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("days1").innerHTML = "EXPIRED";
}
}, 1000);