如果用户激活，则使用jQuery;重新加载div，如果用户处于非活动状态则停止重新加载

Question

我有以下场景。我的twitter feed应该每5秒刷新一次(通过使用load()函数)。虽然我一直在监控我的带宽，但它确实占用了很多。

我的想法是，一旦用户处于非活动状态(比如，5或10秒没有页面交互)，就停止刷新。我试了几个插件，但没有成功。

刷新步骤如下:

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

它应该停止刷新，但我尝试的插件只是保持刷新(运行间隔)。

有办法做到这一点吗?我尝试了以下插件:——http://www.bedroomlan.org/coding/detecting-——"闲置"——-timeouts-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。如果它们不相同，请刷新您的提要。

只是一个想法。