鼠标/键盘不活动？如果激活则执行函数并且每秒只执行一次

Question

我正在使用 PHP 和 jquery 制作一个用户计数脚本，我希望有一种方法来判断用户是否处于非活动状态。

$.mousemove(function(){
//get php to update time on user
});

但我应该如何设置它，以便它不会每次移动时更新，而是每 1 秒更新一次？像这样？

$.mousemove(function(){
//get php to update time on user
$.delay(1000);    
});

然后我还将添加一个具有相同功能的按键功能，以便我还可以判断键盘是否处于活动状态。

Answer 1

希望这是不言自明的，并希望它能起作用！当用户移动鼠标时，这会立即通知服务器（假设服务器在一秒钟内没有收到通知），并且会定期通知服务器。

我们安排 activityNotification() 每秒运行一次（使用类似 jQuery 计时器 或 setInterval(func, time) 函数），为了尽可能响应地处理以下时间线：

• 0毫秒：用户移动鼠标，服务器通知
  立即
• 657 ms：用户按下按键，
  但通知服务器还为时过早
  活动
• 1000 毫秒：
  ActivityNotification() 运行如下
  已安排，看到我们有
  我们尚未通知的活动
  服务器关于，通知服务器
• 2000 毫秒：activityNotification() 运行如下
  已计划，但没有通知服务器大约
• 2124 毫秒：用户移动鼠标，服务器立即收到通知，因为自上次通知服务器以来已经过去了 1.124 秒

代码：

//Track the last activity you saw
var lastActivity = 0;

//Remember the last time you told the server about it
var lastNotified = 0;

//Determines how frequently we notify the server of activity (in milliseconds)
var INTERVAL = 1000;

function rememberActivity() {
    lastActivity = new Date().getTime();

    activityNotification();
}

function activityNotification() {
    if(lastActivity > lastNotified + INTERVAL) {
        //Notify the server
        /* ... $.ajax(); ... */

        //Remember when we last notified the server
        lastNotified = new Date().getTime();
    }
}

setInterval('activityNotification()', INTERVAL);

$.mousemove(function() {
    //Remember when we last saw mouse movement
    rememberActivity();
});

$.keyup(function() {
    //Remember when we last saw keyboard activity
    rememberActivity();
});

请记住，并非所有用户都会启用 JavaScript，这将导致严重的电池耗尽移动设备。