New Discussion

Notifications

You’re not receiving notifications from this thread.

How do I put a live time(seconds) counter on a page?

1
Javascript
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
Hi Arjun,

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

Join the discussion
Create an account Log in

Learning Ruby on Rails? Join our newsletter.

We won't send you spam. Unsubscribe at any time.