javascript - 杀死jquery setTimeout

Question

loading = setTimeout(function(){$("#myDiv").html('3');},1500)
loading = setTimeout(function(){$("#myDiv").html('2');},2500)
loading = setTimeout(function(){$("#myDiv").html('1');},3500)
loading = setTimeout(function(){$("#myDiv").html('Go!');},4500)

例如，我有这样的代码，它会倒计时直到某件事开始。但是，如果用户单击名为“停止”的按钮，我希望倒计时停止。我知道clearTimeout并且我已经使用了clearTimeout(loading)但这不起作用。我相信这是因为加载在一秒钟后被重新定义。

谢谢

Answer 1

clearTimout 不起作用，因为您正在重用“加载”变量。试试这个:

loading1 = setTimeout(function(){$("#myDiv").html('3');},1500);
loading2 = setTimeout(function(){$("#myDiv").html('2');},2500);
loading3 = setTimeout(function(){$("#myDiv").html('1');},3500);
loading4 = setTimeout(function(){$("#myDiv").html('Go!');},4500);


$("#stop").click(function(e) {
    e.preventDefault();

    clearTimeout(loading1);
    clearTimeout(loading2);
    clearTimeout(loading3);
    clearTimeout(loading4);
});