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
Make sure the script is at the bottom on the body tag
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With