Dec 082011
 

Here’s how to have a realtime display showing how many hours, minutes, and seconds are left in the day:

Time left until midnight: <span id='HMSremaining'></span>
<script>
function calculateHMSleft()
{
	//calculate
	var now = new Date();
	var hoursleft = 23-now.getHours();
	var minutesleft = 59-now.getMinutes();
	var secondsleft = 59-now.getSeconds();

	//format 0 prefixes
	if(minutesleft<10) minutesleft = "0"+minutesleft;
	if(secondsleft<10) secondsleft = "0"+secondsleft;

	//display
	$('#HMSremaining').html(hoursleft+":"+minutesleft+":"+secondsleft);
}

calculateHMSleft();
setInterval(calculateHMSleft, 1000);
</script>

If you calculate how many days until an event, then you can append that and have a countdown timer to any holiday or special occasion!

  One Response to “End of the day countdown in javascript”

  1. Thanks Shane, it works!
    Juts one little issue; right at the midnight when showing 00:00:00 it supposed to show 23:59:59 next second, but it shows 00:0-1:59 instead. How to fix that?

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)