Javascript jquery动画在背景中变得异常

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

演示代码：

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

---

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

您可以检测浏览器窗口焦点：

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

---

直到窗口变为活动状态。

此问题讨论了相同的问题，并提供了一个通用的解决方案：

---

这将不起作用，因为选择了随机div并将图像加载到其中。“把他们放回去”并不是一个真正的选择。我不熟悉这个问题，除了我记得那个问题并认为它相关之外。我无法在不花太多时间进行试验的情况下解决您的问题-抱歉。重现问题可能会帮助您在此处获得答案。您可以对图像使用或。