如何阻止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