jQuery 如果用户处于活动状态；重新加载 div，如果用户不活动则停止重新加载

Question

我有以下场景。 我的 Twitter feed 应每 5 秒刷新一次（通过使用 load() 函数）。尽管我一直在监控我的带宽，但它确实消耗了很多。

我的想法是，一旦用户处于非活动状态（例如，页面上 5 或 10 秒没有交互），就停止刷新。我尝试了一些插件但没有成功。

刷新过程如下：

setInterval(function() { $("#feed").load("feed.php"); }, 5000);

它应该停止刷新，但我尝试的插件只是不断刷新（运行间隔）。

有什么办法可以实现这一点吗？我尝试了以下插件： - http://www.bedroomlan.org/coding/detecting-'idle'-和-'离开'-超时-javascript - http://www.erichynds.com /jquery/a-new-and-improved-jquery-idle-timeout-plugin/

提前致谢。

Answer 1

最简单的方法是使用 idleTimer jQuery 插件。

• http://paulirish.com/2009/jquery-idletimer-plugin/

之一它的功能是获取自用户上次活动以来的时间量。它允许您编写以下代码。

setInterval(function () { 
  if ($.idleTimer('getElapsedTime') < 5000) {
    $("#feed").load("feed.php");
  }
}, 5000);

Answer 2

跟踪鼠标的位置怎么样？
每隔 5 秒或每当检查一次鼠标坐标是否与上次检查时相同。如果它们相同，则假设鼠标没有移动。那就不要刷新你的提要。如果它们不同，请刷新您的 Feed。

只是一个想法。