setTimeout排隊時間問題

Question

我在比賽時間上有疑問。 第一次單擊開始按鈕時，一切正常，或者用戶等待足夠長的時間再再次單擊該按鈕。

否則，只會觸發音頻，而不會產生旋轉過渡。 旋轉過渡是使用transit.js創建的

我已經嘗試在tock循環的結尾和reset按鈕上使用clearQueue，但是它沒有任何效果。

我正在嘗試實現：-單擊開始或重置按鈕時清除所有動畫隊列。

我的密碼

Answer 1

您使用的transit.js是css3動畫。 因此，當您調用clearQueue時，它不會停止動畫。 clearQueue僅清除jQuery動畫

要停止css3，您可能必須執行以下操作。

$('#drive, .wheel').css("-webkit-transform", "none");
$('#drive, .wheel').css("-moz-transform", "none");
$('#drive, .wheel').css("-ms-transform", "none");
$('#drive, .wheel').css("transform", "none");

視情況而定，但我還不是CSS3動畫的忠實支持者，因為我要做的很多工作都需要支持IE。 （css3在IE9或更低版本上不起作用）。 現在，如果您只想旋轉，我會使用http://code.google.com/p/jqueryrotate/

然后

$(element).stop()

和

$(element).clearQueue()

將工作