javascript - setInterval 和 clearInterval 的正确方法

Question

JS 的相对新手，试图围绕调度进行思考。此代码将开始附加但不会停止它。我很确定问题在于“clearInterval”需要解决一个已分配了“setInterval”函数的变量。我似乎无法掌握的是如何正确地表达这一点。

var hmm = function appendStuff(){
    $("p").append("<b>Appended text</b>");
};
$("#start").click(function() {   
    console.log("startClicked");  // working... 
    window.setInterval(hmm, 1000) // working...
}); 
$("#stop").click(function() {   
    console.log("stopClicked");  // working...  
    window.clearInterval(hmm)
}); 

谢谢!

Answer 1

setInterval() 函数返回一个 ID。这就是您要分配给 hmm 的内容。

此外，setInterval() 的第一个参数是您要在每个时间间隔调用的函数。

var hmm = null;
function appendStuff(){
    $("p").append("<b>Appended text</b>");
};
$("#start").click(function() {   
    console.log("startClicked");  // working... 
    hmm = window.setInterval(appendStuff, 1000) // working...
}); 
$("#stop").click(function() {   
    console.log("stopClicked");  // working...  
    window.clearInterval(hmm)
});