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

标签 javascript jquery

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

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

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

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

最佳答案

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

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

关于javascript - jquery 动画在后台出现异常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6518134/

相关文章:

javascript - JavaScript 中带有随机时间的“setinterval”

javascript - 在 ember.js 中构建一个极其简单的身份验证系统

Javascript 向下滚动 vh

javascript - 如何在php中执行生成CSV文件?

javascript - 解析来自不断变化顺序的 JSON 响应的值

javascript - 蒙戈日期问题

c# - 文本框中文本的消失和重新出现

php - 设置php mysql的开始时间和结束时间

javascript - h1 标签不随 bootstrap 改变颜色

javascript - jQuery UI .widgets 在隐藏时重置子项的滚动位置