停止基於setTimeout的動畫

我有一個JavaScript函數，我用它來填充表單的動畫。基本上就像一個教程，告訴客戶什麼以及如何輸入他們的信息。我想知道是否有人對我可以用來暫停我的動畫有什麼想法。例如，有一個按鈕，單擊時會暫停動畫，再次單擊時會繼續動畫。停止基於setTimeout的動畫

我的動畫基本上是幾個setTimeout裏面的對方。

例

setTimeout(function(){ 

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

setTimeout(function(){ 


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

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

},2000); 


},200);

任何想法將不勝感激感謝。

2013-03-06 user541597

使用本：

myVar=setInterval(yourfunc(),2000);

的暫停使用：

cleartInterval(myVar);

你可以檢查我的FUNC這裏：http://jsfiddle.net/YSfpm/

2013-03-06 04:18:32 Amrendra

你能解釋一下這是幹什麼的。謝謝 – user541597 2013-03-06 04:21:21

它會暫停你的動畫，當你點擊開始時再次從同一點開始。 – Amrendra 2013-03-06 04:23:00

setinterval是否永遠運行？另外我有幾個settimeouts在對方內我會讓我最外面的超時變量？或者是myfunc（）裏面有所有超時的函數？ – user541597 2013-03-06 04:25:39

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

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

或

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

2013-03-06 04:26:49

回答