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

Question

我有一個JavaScript解析Twitter的飼料，並顯示他們在我的網頁每30秒的塊，代碼是這樣的：

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

現在的情況下，用戶最小化自己的瀏覽器或切換到另一個選項卡（頁面無效）我想禁用此auto_referesh clearInterval(auto_refresh);

感謝您的幫助

Answer 1

下面是答案：

Is there a way to detect if a browser window is not currently active?

Answer 2

你可能想看看

• How can I detect whether a browser window is focused or not?
• Determine whether webpage has foreground window focus/is active tab?
• How to tell if browser/tab is active
• Is it possible to tell if a user has my page minimized or the inactive tab?
• Is there a way to detect if a browser window is not currently active?
• https://odondo.wordpress.com/2007/08/28/javascript-and-cross-browser-window-focus/

還要注意的是Chrome瀏覽器顯然有一定的優化，減緩計時器的點火時的標籤不在焦點：How can I make setInterval also work when a tab is inactive in Chrome?的[