javascript - 基于 setTimeout 停止动画

Question

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

我的动画基本上是几个 setTimeout 在彼此内部。

例子

setTimeout(function(){

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

setTimeout(function(){


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

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

},2000);


},200);

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

score 0 · Accepted Answer

用这个：

myVar=setInterval(yourfunc(),2000);

暂停使用：

cleartInterval(myVar);

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

score 0 · Accepted Answer

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

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

或者

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

2 回答 2