javascript - setTimeout に基づくアニメーションの停止

Question

フォームへの入力をアニメーション化するために使用する JavaScript 関数があります。基本的に、顧客に何をどのように入力するかを示すチュートリアルのようなものです。アニメーションを一時停止するために何を使用できるかについて誰かアイデアがあるかどうか疑問に思っていました. たとえば、クリックするとアニメーションが一時停止し、もう一度クリックするとアニメーションが続行するボタンがあります。

私のアニメーションは、基本的にいくつかの setTimeout が互いに入っています。

例

setTimeout(function(){

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

setTimeout(function(){


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

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

},2000);


},200);

どんなアイデアでも大歓迎です。

Answer 1

よくわかりませんが、多分あなたは使うことができます

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

また

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

Answer 2

これを使って：

myVar=setInterval(yourfunc(),2000);

一時停止用:

cleartInterval(myVar);

ここで私の機能を確認できます：http://jsfiddle.net/YSfpm/