如何仅当用户存在（通过鼠标移动）时才使用 jQuery 执行 setTimeout()

Question

我有一个通过 AJAX 更新

的函数：

function update() {
    <!-- .ajax() --> 
    setTimeout(update(), 3000);}
}

我需要的是，当用户不在网站上时，不会执行此函数，因此如果没有移动鼠标（我们假设如果移动它是在网站中）它不会更新 .mousemove()。顺便问一下，我们还可以做其他事情来了解有人在网站上活跃吗？

这怎么能做到呢？先感谢您！

编辑：可能我解释得不好。我需要知道仅在有活动时更新的方法。就像 Facebook 对其新闻推送、首页所做的那样。谢谢！

Answer 1

您可以使用 mousemove 处理程序来跟踪用户上次移动的时间，然后仅当用户上次在 X 秒内移动鼠标时才会发生该过程。但是，当然，如果用户坐在那里阅读某些内容，或者他们是一个以键盘为导向的人，那么他们往往会错过他们在那里......所以你可能想看看 keydown 也是如此。

这是一个鼠标移动示例：

jQuery(function($) {
    var count = 0, lastmove = new Date();

    $(document).mousemove(function() {
        ++count;
        lastmove = new Date();
        $('#display').html("Moved " + count + " times");
    });

});​

那么您的更新代码可以执行以下操作：

function update() {
    if (new Date() - lastmove < 60000) { // 60 seconds
        // Really do the update
    }
    else {
        // Check back in a few seconds
        setTimeout(update, 3000);
    }
}

偏离主题，但是您的更新代码有错误。您有：

setTimeout(update(), 3000);

...它将立即调用update，然后尝试使用其返回值来安排在三秒内发生的事情。如果您希望对 update 的调用安排在三秒内发生，请在其后面省略 ()：

setTimeout(update, 3000);

Answer 2

我想我可能会得到这样的结果。避免日期算术。只关心自上次 update() 以来是否有一些活动。

window.activeFlag = false;
window.updateDelay = 3000;

$(document).bind('mousemove scroll keydown', function(){ activeFlag = true; });

function update() {
  if(activeFlag) {
    doWork();
    activeFlag = false;
  }
}

window.setTimeout(update, updateDelay);

编辑：我发现代码中存在缺陷。下面的说法比较合适：

window.activeFlag = false;
window.updateDelay = 3000;

$(document).bind('mousemove scroll keydown', function(){ activeFlag = true; });

function update() {
  if(activeFlag) {
    doWork();
    activeFlag = false;
  }
  window.setTimeout(update, updateDelay);
}

update();

Answer 3

我认为没有简单的方法来确定用户是否存在，

我会使用 mousemove、scroll、keypress 的组合。

Answer 4

var bUpdate = false;
function update() {

   if(bUpdate){
       ///perform your ajax request
   }
}

$(document).mousemove(function(){
    bUpdate = true;
    setTimeout(function(){bUpdate=false;}, 3000);}
});