setTimeout排隊計時問題

Question

我遇到了遊戲時間問題。當第一次點擊開始按鈕或者用戶等待足夠長的時間後再次單擊按鈕時，所有功能都可以正常工作。

否則，只是音頻火災，但旋轉transisitons不。循環轉換是使用transit.js創建的

我已經嘗試在tock循環結束時使用clearQueue和重置按鈕，但它沒有效果。

我想實現： - 所有動畫隊列清除何時點擊開始或重置按鈕。

My code

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() 

將工作