停止基于setTimeout的动画

Question

我有一个JavaScript函数，我用它来填充表单的动画。基本上就像一个教程，告诉客户什么以及如何输入他们的信息。我想知道是否有人对我可以用来暂停我的动画有什么想法。例如，有一个按钮，单击时会暂停动画，再次单击时会继续动画。

我的动画基本上是几个setTimeout里面的对方。

例

setTimeout(function(){ 

$('#box1').val("1"); 

setTimeout(function(){ 


$('#box2').val("2"); 

setTimeout()....... and so on 

},2000); 


},200); 

任何想法将不胜感激感谢。

Answer 1

使用本：

myVar=setInterval(yourfunc(),2000); 

的暂停使用：

cleartInterval(myVar); 

你可以检查我的FUNC这里：http://jsfiddle.net/YSfpm/

Answer 2

林不知道，但也许你可以使用

$("#box1").stop(true).hide('fast'); 

或

setTimeout(function(){ $("#box1").hide(); }, 3000);