基于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);

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

Answer 2

我不确定，但也许你可以使用

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

或

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