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

Question

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

我有一个 jQuery 动画，它为跨度中每个字符的背景设置动画，这使它基本上看起来像某种加载栏（动画在队列中）。

在这里查看：http://jsbin.com/efawub/4/edit#preview（出于某种原因，它对我来说在 FF 中不起作用）

问题如下：

点击播放，然后快速点击停止；然后再次点击播放：动画现在运行得比它应该的要快，（在第一个跨度中最有希望）！

将此与正常运行进行比较：点击播放，让它运行到最后，点击停止，再次点击播放：正常速度

当您在按下停止并再次按下播放后等待几秒钟时，该现象也会消失；当您在动画结束而不是开始时停止动画时，问题也不太突出。

有什么想法吗？

Answer 1

我终于想解决这个问题。解决方案是使用标准的 javascript，而不是 jquery（我仍然不知道为什么 jquery 会发生这种情况）。一个简单的 setTimeout 循环就可以解决问题。我更新了原来的jsbin，把旧代码注释掉了。