Countdown timer to date
by freedawirl
HTML
<div id="countdown"></div>
<div id="newcountdown"></div>
JavaScript
CountDownTimer('05/20/2018 11:30 AM', 'countdown');
CountDownTimer('05/20/2018 1:35 PM', 'newcountdown');
function CountDownTimer(dt, id)
{
var end = new Date(dt);
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById(id).innerHTML = 'EXPIRED!';
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
if (String(hours).length < 2){
hours = 0 + String(hours);
}
if (String(minutes).length < 2){
minutes = 0 + String(minutes);
}
if (String(seconds).length < 2){
seconds = 0 + String(seconds);
}
var datestr = days + ' days ' +
hours + ' hrs ' +
minutes + ' mins ' +
seconds + ' secs';
document.getElementById(id).innerHTML = datestr;
}
timer = setInterval(showRemaining, 1000);
}