javascript - jquery 动画在后台出现异常

Question

我制作了一个小动画，类似于 itunes 在 mac 上用作屏幕保护程序的 coverflow。它使用 ajax 获取包含文件名的列表，并开始遍历它们以用它们随机填充 div。

演示代码: http://jsfiddle.net/FQmXK/4/

所有这一切都很好，但是当您最小化浏览器或转到 google chrome 上的其他选项卡时，问题就开始了。动画似乎排队了一堆循环，并在再次打开窗口时尝试执行所有循环。这导致了各种问题，图像未定义，屏幕上各种闪烁......

我想知道是否有针对这种排队行为的既定解决方案？我可以强制它执行所有动画，即使它不可见吗？

Answer 1

您可以检测浏览器窗口焦点: Is there a way to detect if a browser window is not currently active?

并设置一个变量。如果窗口处于非事件状态，则将变量设置为 false，并且不对进一步的动画进行排队直到窗口变为事件状态。