当页面/选项卡处于非活动状态时如何停止 setInterval 自动刷新？答案

【问题标题】：how to stop setInterval auto-refresh when page/tab is inactive?当页面/选项卡处于非活动状态时如何停止 setInterval 自动刷新？
【发布时间】：2011-09-04 23:29:05
【问题描述】：

我有一个 javascript 来解析 twitter 提要并每 30 秒在我的页面中显示它们，代码是这样的：

var auto_refresh = setInterval( 功能（） { //获取推特信息 }); }, 30000);

现在如果用户最小化他的浏览器或切换到另一个选项卡（页面未激活）我想禁用这个 auto_referesh clearInterval(auto_refresh);

感谢您的帮助

【问题讨论】：

Is there a way to detect if a browser window is not currently active?的可能重复

标签： javascript jquery setinterval

【解决方案1】：

这个答案很干净：https://stackoverflow.com/a/18677784/9027171

摘自infinito84的回答

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

【讨论】：

【解决方案2】：

你可能想签出

另请注意，Chrome 显然有一些优化，可以在标签不在焦点时减慢计时器的触发速度：How can I make setInterval also work when a tab is inactive in Chrome?

【讨论】：

【解决方案3】：

答案如下：

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

【讨论】：