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!
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?