How do I put a live time(seconds) counter on a page?
As in it should go 00:00 .. 00:05.. 00.49 ..15:55 to whatever.
Wondering how to do this on the front-end.
Should I just use jquery? Or something else?
Any suggestions?
Thanks
Arjun
Wondering how to do this on the front-end.
Should I just use jquery? Or something else?
Any suggestions?
Thanks
Arjun
Hi Arjun,
You could use normal JS with the setInterval method. Something like this:
You could use normal JS with the setInterval method. Something like this:
function timer(seconds){
clearInterval(countdown);
displayRemainingTime(seconds);
const then = Date.now() + seconds * 1000;
countdown = setInterval(() => {
const secondsLeft = Math.round((then - Date.now()) / 1000);
if(secondsLeft < 0) {
clearInterval(countdown);
return;
}
displayRemainingTime(secondsLeft);
}, 1000)
}
function displayTimeLeft(){
//update dom
}I did something like this as part of a Javascript 30 course by Wes Bos. Recommend checking it out
William