javascript - 计时器自动运行，而不是在按钮单击 JavaScript 时运行

Question

我正在尝试创建一个计时器，该计时器在单击一个按钮后运行，然后在单击另一个按钮后重置。但是，一旦应用程序启动，计时器就会自动运行，并且不会重置回 0。任何帮助将不胜感激。

Timer.js

var sec = 0;

function pad(val)
{ 
    return val > 9 ? val : "0" + val; 
}

interval = setInterval( function()
{
    document.getElementById("seconds").innerHTML=pad(++sec%60);
    document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
}, 1000);

function clearTimer()
{
    clearInterval(interval);
}

用户脚本

$(document).on("click", "#RunningTrackerBackBtn", function(evt)
{

    clearTimer();

});

    $(document).on("click", "#TrackerTest", function(evt)
{
     /*global activate_subpage */
     activate_subpage("#TrackerPage"); 
    setInterval();        
});

index.html

<span id="minutes">00 minutes </span>:<span id="seconds"> 00 seconds</span>

Answer 1

将 setInterval 代码放入新函数中:

function startCounter() {
    interval = setInterval( function()
    {
        document.getElementById("seconds").innerHTML=pad(++sec%60);
        document.getElementById("minutes").innerHTML=pad(parseInt(sec/60,10));
    }, 1000);
}

这就是单击按钮时应该调用的内容。