我试图让这个javascript计时器启动onclick,但它不会启动

我试图让这个javascript计时器启动onclick,但它不会启动,javascript,timer,onclick,addeventlistener,Javascript,Timer,Onclick,Addeventlistener,这是我的javascript代码 var minutesLabel = document.getElementById("min"); var secondsLabel = document.getElementById("sec"); var totalSeconds = 300; setInterval(startBlueTimer, 1000); 这是我不太确定的部分。我试图只有在点击按钮时才能完成这个功能。我可能是调用onclick函数出错了。我不确定 function startBl

这是我的javascript代码

var minutesLabel = document.getElementById("min");
var secondsLabel = document.getElementById("sec");
var totalSeconds = 300;
setInterval(startBlueTimer, 1000);
这是我不太确定的部分。我试图只有在点击按钮时才能完成这个功能。我可能是调用onclick函数出错了。我不确定

function startBlueTimer()
    {
        --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;
    }
}
   var stblue = document.getElementById("yosb");
   stblue.addEventListener("click", startBlueTimer, false);

关于您的点击事件,您最好使用addEventListener:


进一步阅读此处:

onclick应该是onclick,我看不出在哪里定义了一个名为setTime的函数。@Zak:错,它都是小写的。@MattBall我假设如果setTime不存在,但用户没有提到它,用户会有未定义的错误。@MattBall我将setInterval固定为setIntervalsStartBlueTimer,1000并相应地命名该函数。我还添加了Dave建议的事件侦听器。但是,现在,一旦页面加载,计时器就会启动,单击它就会重置。
document.getElementById('yosb').addEventListener('click', function () {
    --totalSeconds;
    secondsLabel.innerHTML = pad(totalSeconds % 60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds / 60));
}, false);