<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>检测用户3分钟内没有做任何操作</title>
</head>
<body>
<button>点击事件</button>
<h1>检测用户3分钟内没有做任何操作</h1>
<script>
var idleTime = 0;
var idleTimeout = 180000; // 3 minutes in milliseconds
function resetIdleTime() {
idleTime = 0;
}
function checkUserActivity() {
if (document.hidden) {
// 用户离开了页面的处理逻辑
console.log('用户离开了页面');
// 设置为离开的操作
} else {
// 用户回到了页面的处理逻辑
console.log('用户回到了页面');
// 恢复活动的操作
resetIdleTime();
}
}
function checkIdleTime() {
idleTime += 1000;
console.log('已经空闲了', idleTime / 1000, '秒');
if (idleTime >= idleTimeout) {
console.log('用户3分钟没有做任何操作，设置为离开状态');
// 设置为离开状态的操作
}
}
document.addEventListener('visibilitychange', checkUserActivity);
setInterval(checkIdleTime, 1000);
document.addEventListener('mousemove', resetIdleTime);
document.addEventListener('keypress', resetIdleTime);
</script>
</body>
</html>
06-27
875
875
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
