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

时间:2013-12-13 01:03:35

标签: javascript timer onclick addeventlistener

这是我的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);

1 个答案:

答案 0 :(得分:0)

关于您的点击事件,理想情况下应使用addEventListener

document.getElementById('yosb').addEventListener('click', function () {
    --totalSeconds;
    secondsLabel.innerHTML = pad(totalSeconds % 60);
    minutesLabel.innerHTML = pad(parseInt(totalSeconds / 60));
}, false);

进一步阅读:AddEventListener Documentation