在Javascript中停止嵌套超时

Question

我想执行一段任意代码，并能够随时停止它。 我想我可以使用setTimeout执行此操作，然后使用clearTimeout来停止它。 但是，如果超时中的代码创建了自己的超时，那么即使在我清除原始代码之后，这些代码也会继续执行。

例：

var timeoutID = setTimeout(
    function(){
        console.log("first event can be stopped with clearTimout(timeoutID)");
        setTimeout(function(){console.log("but not this one")}, 5000)
    }, 5000)

现在，一种方法是控制正在执行的代码并使其将任何其他超时的值存储到全局变量中并立即清除它们。 但是有更好的方法吗？ 有没有办法在任意代码上执行此操作？

为了澄清，我试图能够执行我想要的任何功能，然后在我想要的时候停止它，即使该函数包含超时

Answer 1

您也可以将内部超时放入变量中：

var innerTimeout,
    timeoutID = setTimeout(
    function(){
        console.log("first event can be stopped with clearTimout(timeoutID)");
        innerTimeout = setTimeout(function(){console.log("but not this one")}, 5000);
    }, 5000);

Answer 2

您必须创建一个超时ID数组，例如：

var timeoutIds = [];

timeoutIds.push(setTimeout(
  function(){
    console.log("first event can be stopped with clearTimout(timeoutID)");
    timeoutIds.push(setTimeout(function(){console.log("but not this one")}, 5000));
 }, 5000))

然后澄清：

for (int i = 0; i < timeoutIds.length; i++)
{
   clearTimeout(timeoutIds[i]);
}

timeoutIds  = [];

Answer 3

您可以将超时包装在对象中，或者在第二次超时时重新使用timeoutID。

包裹在一个对象中：

function Timer(){
  var me=this;
  this.currentTimerID=setTimeout(function(){
    console.log("First timeout");
    me.currentTimerID=setTimeout(function(){
      console.log("Second timeout");
    },100);
  },100);
};
Timer.prototype.cancel=function(){
  clearTimeout(this.currentTimerID);
};

var t = new Timer();//let this run it's course
setTimeout(function(){t = new Timer()},250);//start timer again
setTimeout(function(){t.cancel();},400);// cancel it after the first timeout

重新使用timeoutID：

var timeoutID = setTimeout(
    function(){
        console.log("first event can be stopped with clearTimout(timeoutID)");
        timeoutID=setTimeout(function(){console.log("but not this one")}, 100)
    }, 100)
setTimeout(function(){
  clearTimeout(timeoutID);
},150);// will not execute the second timeout

一个提示：如果您使用超时测试代码，则不要使用如此高的值，因为原始代码运行需要10秒。