<!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>
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
