在立即调用的函数中清除 setTimeout

Question

 var a = function(bool){
       (function b(bool){
          if(bool === true || bool === undefined){
          console.log('running');
          setTimeout(b,50);
          }else{
           clearTimeout(b);
          }
       })();
   }

我了解到这应该比setInterval 更好，尽管清除此功能不起作用。我已经尝试过 break 和 return 并且它一直循环通过 console.log

关于如何轻松取消此功能有什么建议吗？

我的尝试

        if(bool === true || bool === undefined){
          console.log('running');
          setTimeout(b,50);
          }else{
          return;
          }

        var d;
        if(bool === true || bool === undefined){
          console.log('running');
          d=setTimeout(b,50);
          }else{
           clearTimeout(d);
          }

Answer 1

clearTimeout (MDN) 需要“timeoutID”而不是函数作为参数：

var id = setTimeout(b,50);
clearTimeout(id);

但是当我仔细看你的代码时，似乎还有另一个问题：

setTimeout(b,50);

你调用b没有任何参数，所以函数参数bool将永远是undefined！试试这个：

setTimeout(function () {
    b(false);
},50);

那么它应该只迭代一次。然后你根本不需要清除超时（你只需停止设置新的超时）：

var a = function(bool){
       (function b(bool){
          if(bool === true || bool === undefined){
              console.log('running');
              setTimeout(function () {
                  var goOn = false; //<--- abort condition here
                  b(goOn);
              },50);
          }
       })();
   }

现在你只需要弄清楚你的中止条件是什么，然后把它带到正确的地方。

编辑（回答您的评论）

您似乎只需要一个启动间隔的函数和一个停止间隔的函数。下面是这种设置的一个最小示例（也包括迭代计数）。根据您自己的需要调整它应该相当容易。

var goOn = false,
    counter = 0;

function run() {
    counter++;
    if (goOn) {
        setTimeout(run, 50);
    }
}

function start() {
    counter = 0;
    goOn = true;
    run();
}

function stop() {
    goOn = false;
    console.log(counter);
}