我試圖讓這個JavaScript計時器開始onclick，但它不會啓動

Question

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

Answer 1

關於你的點擊事件，您應使用addEventListener：

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

進一步閱讀這裏：AddEventListener Documentation