jQuery队列动画在停止并重新启动后加速

Question

编辑：当我在调用.clearQueue（）之前添加.stop（）时，它正常工作。不知道为什么，我认为他们基本上是在做同样的事情。

我有一个jQuery动画，可以在一个范围内为每个角色的背景赋予动画效果，这使得它看起来像某种加载栏（动画在队列中）。

看看这里：http://jsbin.com/efawub/4/edit#preview（一个原因或其他它并不在FF工作对我来说）

问题如下：

点击播放，然后打后迅速停止;然后再次点击播放：动画现在运行速度比它应该更快，（在第一个范围中最有效）！

比较这对正常运行：点击播放，让它运行直到结束，打停，打人打一次：正常速度

的现象也消失，当你击中停止，压制后等待几秒钟再玩一次;当您停止动画到最后而不是开始时，问题也不那么突出。

任何想法？

Answer 1

我终于想解决这个问题。解决方案是使用标准的JavaScript，而不是jQuery（我仍然不知道为什么它会发生在jQuery）。一个简单的setTimeout循环做到了这一点。我更新了原来的jsbin，并将旧代码留下评论。