當頁面/選項卡處於非活動狀態時如何停止 setInterval 自動刷新？

Question

我有一個 javascript 來解析 twitter 提要並每 30 秒在我的頁面的一個塊中顯示它們，代碼是這樣的：

var auto_refresh = setInterval(
function ()
    {
        //get twitter feeds
    });
}, 30000);

現在，如果用戶最小化他的瀏覽器或切換到另一個選項卡（頁面未激活），我想禁用此 auto_referesh clearInterval(auto_refresh);

謝謝你的幫助

Answer 1

這是答案：

有沒有辦法檢測瀏覽器 window 當前是否處於活動狀態？

Answer 2

您可能想查看

• 如何檢測瀏覽器 window 是否聚焦？
• 確定網頁是否有前景 window 焦點/是否處於活動狀態？
• 如何判斷瀏覽器/選項卡是否處於活動狀態
• 是否可以判斷用戶是否最小化了我的頁面或非活動選項卡？
• 有沒有辦法檢測瀏覽器 window 當前是否處於活動狀態？
• https://odondo.wordpress.com/2007/08/28/javascript-and-cross-browser-window-focus/

另請注意，Chrome 顯然有一些優化，可以在標簽不在焦點時減慢計時器的觸發速度： 當標簽在 Chrome 中處於非活動狀態時，如何使 setInterval 也起作用？

Answer 3

這個答案很干凈： https://stackoverflow.com/a/18677784/9027171

摘自infinito84的答案

 if(!document.hasFocus()){
       // The tab is not active
 }
    else{
       // The tab is active
 }