如何在页面/标签处于非活动状态时停止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?

Answer 3

这个问题非常简洁：https://stackoverflow.com/a/18677784/9027171

摘自infinito84

的答案

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