Countdown that renews at midnight using pure javascript

Question

How to show the hours and minutes remaining to 00:00 hours (midnight) ?

Example:

I have a sales website on which I want to put a countdown that says the time remaining for midnight, which at midnight, will appear 23h 59m 59s.

It’s going to be a kind of propaganda, like, "Run! There’s only XX h XX m XX s left"

If the person has for example at 20:31, will show 3h 29m 00s.

And so whispered....

I saw this example, but I didn’t have the ability to make it work: http://codepen.io/SitePoint/pen/MwNPVq

Only I want something simple, just a text "Xxh Xxm Xxs". No CSS.

Answer 1

You can do it like this:

function calculateHMSleft()
{
	var now = new Date();
	var hoursleft = 23-now.getHours();
	var minutesleft = 59-now.getMinutes();
	var secondsleft = 59-now.getSeconds();
	if(minutesleft<10) minutesleft = "0"+minutesleft;
	if(secondsleft<10) secondsleft = "0"+secondsleft;
	document.getElementById('count').innerHTML = hoursleft+":"+minutesleft+":"+secondsleft;
}
calculateHMSleft();
setInterval(calculateHMSleft, 1000);

<div id="count"></div>

Answer adapted from here