javascript - 当setInterval完成整个执行时clearInterval

Question

当调用函数时，我使用clearInterval来停止setInterval的执行。

var myVar;

function myFunction() {
    myVar = setinterval(function(){ alert("Hello"); }, 3000);
}

function myStopFunction() {
    clearInterval(myVar);
    ...
}

但问题是clearInterval不会等待setInterval完成来执行整个代码......因此我有一个错误。 我怎样才能做到这一点？ (如果可能的话)

Answer 1

您还需要将停止后代码放入回调中。您可以在开始下一次迭代之前检查是否已设置，然后在间隔回调中再次检查。

var myVar;
var stopCallback = null;
var processing = false;

function myFunction() {
    myVar = setInterval(function(){
        processing = true; // don't let the finishStopping() code run yet
        alert("Hello");
        someOperationWithCallback(function() {
            /* inside your deepest level of callback */
            processing = false;
            if (stopCallback) finishStopping();
        });
    }, 3000);
}

function myStopFunction() {
    stopCallback = function() {
        /* work to do after stopping */
    };
    if (!processing) finishStopping();
}

function finishStopping() {
    clearInterval(myVar);
    stopCallback();
    stopCallback = null;
}