Estoy intentando insertar un cronómetro en un archivo php, el problema es que al cargarse la página, el tiempo comienza a correr de inmediato y los botones no son reconocidos. Este es mi código: js
var hoursLabel = document.getElementById("hours");
var minutesLabel = document.getElementById("minutes");
var secondsLabel = document.getElementById("seconds");
var start = document.getElementById("start");
var stop = document.getElementById("stop");
var totalSeconds = 0;
var myInterval = setInterval(setTime, 1000);
start.addEventListener("click", myInterval );
stop.addEventListener("click", stop);
function setTime() {
++totalSeconds;
secondsLabel.innerHTML = pad(totalSeconds % 60);
minutesLabel.innerHTML = pad(parseInt(totalSeconds / 60));
hoursLabel.innerHTML = pad(parseInt(totalSeconds/3600));
}
function pad(val) {
var valString = val + "";
if (valString.length < 2) {
return "0" + valString;
} else {
return valString;
}
}
function stop(){
clearInterval(myInterval);
}
<button id="start" >start</button> <button id="stop" >stop</button> <label id="hours">00</label>:<label id="minutes">00</label>:<label id="seconds">00</label>
Cabe mencionar que el archivo php está recibiendo el script porque lo comprobé anteriormente.