How to make Javascript Count Up timer work

user_9235946 0
Viewed 56

I am trying to implement a simple count up timer using Javascript and show the timer in the HTML page. This is my code:

var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");
var totalSeconds = 0;
setInterval(setTime, 1000);

function setTime()
{
    ++totalSeconds;
    secondsLabel.innerHTML = pad(totalSeconds%60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds/60));
}

function pad(val)
{
    var valString = val + "";
    if(valString.length < 2)
    {
        return "0" + valString;
    }
    else
    {
        return valString;
    }
}

HTML:

<label id="minutes">00</label>
    <label id="colon">:</label>
    <label id="seconds">00</label>

But the timer is not working in the HTML. It stays at 00:00

dom html javascript
3 Answers

Make sure the script is at the bottom on the body tag

user_92359460

The code you posted works exactly as you describe.

Check this fiddle, I just copy pasted it.

.
user_58279130

The code you mentioned is working perfectly fine in the snippets.

user_144610890
Related