Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make Javascript Count Up timer work

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

like image 590
efuzz Avatar asked Apr 19 '26 04:04

efuzz


1 Answers

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

like image 59
efuzz Avatar answered Apr 20 '26 21:04

efuzz