如何阻止Javascript从setInterval排队动画而页面不是视图中的主选项卡?我试着清除文档模糊的间隔,但没有运气。setInterval队列浏览器在单独的选项卡中排队
回答
您是否尝试过使用window.onblur
和window.onfocus
?
他们应该点他欺骗
在你不必关心这个现代的浏览器,因为浏览器会自动增加的时间间隔为1秒,如果标签是在后台。参考Firefox。
正如马丁所言。
使用window.onblur
和window.onfocus
暂停/取消暂停setinterval
或至少内部的内容。
例如。
使用window.onblur
设置var away = true;
然后在setinterval
你把if(!away){...your code here...}
这样,当间隔时间过去动画不会被触发。
编辑
记得还放了window.onfocus
设置var away = false;
我无法得到这个工作..我有window.onblur = clearAnim;函数clearAnim(){var away = true; } –
好的,请在问题中发布你的Javascript,特别是setinterval的部分,然后我会从那里帮你 – LouwHopley
它对document.onblur足够好用了......它有点草率地寻找你回来的第一秒钟到页面,但然后它完全停止 - 在铬 –
- 1. 卡夫卡的工作队列选项
- 2. 的setInterval跳跃时的浏览器选项卡之间移动
- 3. Java浏览对象队列
- 4. 在IE浏览器中等效的选项卡式浏览器
- 5. 的JavaScript的setInterval/setTimeout的不工作时,浏览器选项卡不集中
- 6. Chrome DevTools - “时序”选项卡中“排队”的含义是什么?
- 7. Tensorflow string_input_producer卡在队列中
- 8. 排队并发队列
- 9. 单个浏览器选项卡中的多个Javascript解释器
- 10. 排队列在Excel
- 11. Javascript在单个浏览器中打开多个选项卡
- 12. 类似浏览器的选项卡 - jquery UI选项卡定位
- 13. 浏览器选项在新选项卡中打开链接
- 14. 如何在C#中为ActiveMQ队列创建队列浏览器(预览不消耗)?
- 15. 排序队列
- 16. 队列独立AlertDialogs?
- 17. 独角兽请求排队
- 18. .animate()队列选项解释
- 19. C# - ListView项选择队列
- 20. 调用PHP时,浏览器或浏览器选项卡关闭
- 21. 无法将项目从一个队列排队到另一个队列
- 22. 调度队列和排队的NSOperation
- 23. 浏览器选项卡操作
- 24. 控制浏览器选项卡索引
- 25. 火狐与Chrome浏览器CSS排队问题
- 26. 排队React.js更新以避免浏览器挂起
- 27. 如何在提交表单后关闭浏览器选项卡?
- 28. C中的队列队列#
- 29. Ruby:立即排队排队
- 30. 在复杂性队列队列中调整排名
看看这个其他SO问题:http://stackoverflow.com/questions/1220785/is-it-possible-to-当用户切换到不同浏览器标签时,检测到“document.onblur()”可能是您的答案。 – jfriend00