jQuery隊列動畫在停止並重新啓動後加速

Question

編輯：當我在調用.clearQueue（）之前添加.stop（）時，它正常工作。不知道爲什麼，我認爲他們基本上是在做同樣的事情。

我有一個jQuery動畫，可以在一個範圍內爲每個角色的背景賦予動畫效果，這使得它看起來像某種加載欄（動畫在隊列中）。

看看這裏：http://jsbin.com/efawub/4/edit#preview（一個原因或其他它並不在FF工作對我來說）

問題如下：

點擊播放，然後打後迅速停止;然後再次點擊播放：動畫現在運行速度比它應該更快，（在第一個範圍中最有效）！

比較這對正常運行：點擊播放，讓它運行直到結束，打停，打人打一次：正常速度

的現象也消失，當你擊中停止，壓制後等待幾秒鐘再玩一次;當您停止動畫到最後而不是開始時，問題也不那麼突出。

任何想法？

Answer 1

我終於想解決這個問題。解決方案是使用標準的JavaScript，而不是jQuery（我仍然不知道爲什麼它會發生在jQuery）。一個簡單的setTimeout循環做到了這一點。我更新了原來的jsbin，並將舊代碼留下評論。