javascript - 为什么 jQuery 动画在不是事件选项卡时会变得困惑？

Question

你可以看到这里发生了什么.. http://jsfiddle.net/gregguida/36SEZ/4/

切换标签约 30 秒然后返回，动画完全失控。

我认为这与浏览器在窗口没有焦点时处理 setInteval() 的方式有关，但我不确定是否是这种情况。我也不知道该怎么办。感谢任何见解。

更新:也尝试使用 setTimeout 而不是 setInterval 但我遇到了类似的结果

谢谢!

Answer 1

我在为我的网站创建动画时遇到了同样的问题。我解决这个问题的方法是删除对 setInterval 的调用，并在每次动画完成时设置一个新的超时时间。

这是您的代码更新后使用该方法:http://jsfiddle.net/36SEZ/5/

请注意，对 setTimeout 的调用应仅在所有动画完成后调用一次。为了确保发生这种情况，我将它放在最后一个 div 上最后一个动画的 complete 函数中。