jQuery在页面上任意位置更改类只需15秒的用户时间'；不活动

我有一个html页面，页面上有几个小窗口（窗口的数量没有定义）。每个窗口都有

.ticking

类

.ticking

类用于jQuery在用户浏览器上显示服务器时间+。有些窗口看起来相同，但没有.ticking类。在这样的窗口里什么也不会发生

我想：

1） 在15秒不活动的情况下显示弹出窗口，并从页面上的任何地方删除勾选类

2） 当点击页面时，返回所有内容，即将类返回给拥有它的人

有什么办法吗

---

据我所知，当用户关闭弹出窗口时，我应该将

.ticking

类重命名为

。ticking sleep

一，并将

.ticking sleep

重命名为

。ticking

。但是，我仍然不知道如何认识到这一点以及使用什么事件。

我假设用户活动主要包括鼠标移动。您可以在重命名类等的函数上使用setTimeout。您可以使用mousemove处理程序始终将超时重置为15秒。一旦用户停止移动，超时函数调用将执行并更改类，显示弹出窗口等

未经测试，但大致如下：

var inactiveTimeout = setTimeout(handleInactiveUser, 15000);

$(document).mousemove(function(){
    //clear the timeout and reset
    clearTimeout(inactiveTimeout);
    inactiveTimeout = setTimeout(handleInactiveUser, 15000);
});

function handleInactiveUser(){
    // change the classes
    // show the popup
}

---

我认为这很好地说明了这一原理。

我假设用户活动主要包括鼠标移动。您可以在重命名类等的函数上使用setTimeout。您可以使用mousemove处理程序始终将超时重置为15秒。一旦用户停止移动，超时函数调用将执行并更改类，显示弹出窗口等

未经测试，但大致如下：

var inactiveTimeout = setTimeout(handleInactiveUser, 15000);

$(document).mousemove(function(){
    //clear the timeout and reset
    clearTimeout(inactiveTimeout);
    inactiveTimeout = setTimeout(handleInactiveUser, 15000);
});

function handleInactiveUser(){
    // change the classes
    // show the popup
}

我认为它很好地说明了这一原则