Skip to content

Instantly share code, notes, and snippets.

@davidbjourno
Created April 15, 2017 11:27
Show Gist options
  • Save davidbjourno/ef662b5592912f0b9cc5e0c3404e607f to your computer and use it in GitHub Desktop.
Save davidbjourno/ef662b5592912f0b9cc5e0c3404e607f to your computer and use it in GitHub Desktop.
Simple JavaScript countdown timer
var deadline = 1577836800000; // 00:00:00, January 1, 2020
var display = document.querySelector('#countdown');
function formatTime (milliseconds) {
var seconds = (milliseconds / 1000).toFixed(0);
var minutes = Math.floor(seconds / 60);
var hours = '';
seconds = Math.floor(seconds % 60);
seconds = (seconds >= 10) ? seconds : '0' + seconds;
if (minutes > 59) {
hours = Math.floor(minutes / 60);
minutes = minutes - (hours * 60);
minutes = (minutes >= 10) ? minutes : '0' + minutes;
}
if (hours != '') {
return hours + ':' + minutes + ':' + seconds;
}
return minutes + ':' + seconds;
}
function countDown(time, element) {
var remainingMilliseconds = time - Date.now();
if (remainingMilliseconds > 0) {
element.innerHTML = (
'<strong>' + formatTime(remainingMilliseconds) + '</strong>'
);
} else {
element.innerHTML = '<strong>Countdown ended</strong>';
}
setTimeout(function () {
countDown(time, element);
}, 1000);
}
countDown(deadline, display);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment