如何杀死一个javascript的setTimeout循环

Question

我有这样的循环，工作好：

function countdown(counter) { 
    x = counter; 
    if (x > 0) { 
     x--; 
     alert(x + "/5"); 
     if (x > 0) { 
      setTimeout(function() { 
       countdown(x); 
      }, 500); 
     } 
    } 
}; 

countdown(6); 

但我希望能够杀死它，并通过按下一个按钮，再次启动它。我想重新启动循环，而不管当我按下按钮时它打开的是什么号码。

我在过去的几个小时里无处可去。

这里有一个的jsfiddle：http://jsfiddle.net/4vtPH/4/

Answer 1

您可以使用clearTimeout(documentation)

var timeout; 
function countdown(counter) { 
    x = counter; 
    if (x > 0) { 
     x--; 
     alert(x + "/5"); 
     if (x > 0) { 
      timeout = setTimeout(function() { 
       countdown(x); 
      }, 2000); 
     } 
    } 
}; 
$('input').click(function() { 
    clearTimeout(timeout); 
    countdown(6); 
}); 
countdown(6); 

Fiddle

Answer 2

你真的应该看看the documentation for setTimeout。

它返回一个超时编号，您可以使用它与clearTimeout重置。

Answer 3

首先，您需要将setTimeout分配给一个变量。

var timeout = setTimeout(.. 

然后在需要时您可以使用clearTimeout(timeout)。确保您的超时变量的范围是可以在需要访问它的任何地方访问的。

Answer 4

如何使用间隔进行倒计时？以下是替代解决方案（DEMO）：

function Countdown(counter) { 
    this.interval = 0; 
    this.x = counter; 
    console.log(this.x + "/"+counter); 
    this.start = function() { 
     var self = this; 
     this.interval = setInterval(function() { 
      self.x--; 
      console.log(self.x + "/"+counter); 
      if(self.x == 0) self.stop(); 
     }, 2000); 
    }; 

    this.stop = function() { 
     clearInterval(this.interval); 
    }; 
}; 

var c = new Countdown(7); 
c.start(); 

var c2 = new Countdown(4); 

c2.start();