Question

我有一个TimeOut，一旦使用了clear就不会停止，我不确定为什么。

这是我的功能：

function upgrade_bar(end, start, bar, timerId, func) {      

    var per = ( (new Date().getTime() / 1000) - start ) / ( end - start ) * 100;

    if(per>100)per=100;
    if(per<0)per = 0;

    if(per == 0) {
        bar.style.width = per + "%";
    } else if(per == 100) {
        clearTimeout(timerId); //this does not stop it
        if(func !== false){
            func(); //this does call at 100%
        }
    } else{
        bar.style.width = per+ "%";
    }
    console.log('still going');
    timerId = setTimeout(function() { upgrade_bar(end, start, bar, timerId, func) } , 17);
}

我对此有什么误解？ timerId是否保留超时ID以供我清除？

Answer 1

setTimeout()只安排再一次执行该功能。

clearTimeout()可用于在达到时间之前停止即将到来的超时 - 但是一旦达到超时并且已经调用该函数，清除超时不会做任何事情 - 它不是无论如何都要再跑了。

这里的问题是，无论你的函数发生了什么，你都可以通过再次调用setTimeout来结束 - 安排它再次运行。

一种可能的解决方案是重写你的功能：

function upgrade_bar(end, start, bar, func){ var per = ( (new Date().getTime() / 1000) - start ) / ( end - start ) * 100; if (per>100) per=100; if (per<0) per = 0; bar.style.width = per + "%"; if (per == 100) { if (func !== false) { func(); //this does call at 100% } } else { console.log('still going'); setTimeout(function() { upgrade_bar(end, start, bar, func) } , 17); } }

Answer 2

setTimeout()导致一次执行指定的函数。您正在考虑setInterval()，它会在取消之前执行。

在您的情况下，调用clearTimeout()，但无论采用何种代码路径，代码都会继续设置另一个超时。

在致电return后尝试func()以避免再次设置超时。

无法清除TimeOut

2 个答案: