javascript - 如何让我的实时订阅列表仅在事件选项卡上更新或在选项卡再次激活时更新？

Question

我有一个 Live Feed jQuery 框，它每 10 秒更新一次，并将网站的最新评论放在最前面。这工作正常:jQuery 发出 Ajax 请求，调用 PHP，返回新项目或不返回新项目。

这个框就像一个侧边栏，它出现在我网站的每个页面上。我的问题是，如果用户在网站上打开许多页面，他打开的每个选项卡都会自动刷新，直到他关闭该选项卡。因此，如果有几十个用户，每个用户都打开许多页面，这就成了一个问题，即使 Live Feed 优化得很好，而且它背后的 SQL 查询很快(每次查询 0.0005 秒)。此外，如果用户打开浏览器并打开几个选项卡，然后开始浏览其他地方，或观看电影，他们将永远更新，或者直到他关闭它们。

那么什么是好的解决方案呢？我能否仅在其选项卡/窗口可见/事件时更新我的​​提要？如果某个事件处于非事件状态但现在再次事件，是否会触发该事件？

Answer 1

尝试在窗口对象上添加 onFocus 事件以触发您的更新并添加 onBlur 以停止更新您的实时提要。

因为你使用的是 jquery，所以你可以这样做

$(window).('focus',function(){
  //do updates
})

$(window).('blur',function(){
  //stop updates
})