<!DOCTYPE html>
<html lang=
"en"
>
<head>
<meta charset=
"UTF-8"
>
<title>js判断用户有没有操作页面</title>
</head>
<body>
<script>
window.onload =
function
(){
(
function
($){
funObj = {
timeUserFun:
'timeUserFun'
,
}
$[funObj.timeUserFun] =
function
(time){
var
time = time || 2;
var
userTime = time*60; //6秒后强制返回
var
objTime = {
init:0,
time:
function
(){
objTime.init += 1;
if
(objTime.init == userTime){
console.log(111)
// 用户到达未操作事件 做一些处理
//时间到达后要做的事情,写在这里
}
},
eventFun:
function
(){
clearInterval(testUser);
objTime.init = 0;
testUser = setInterval(objTime.time,1000);
}
}
var
testUser = setInterval(objTime.time,1000);
var
body = document.querySelector(
'html'
); //获取html元素
body.addEventListener(
"click"
,objTime.eventFun); //增加点击时间
body.addEventListener(
"keydown"
,objTime.eventFun);//增加键盘事件
body.addEventListener(
"mousemove"
,objTime.eventFun); //增加鼠标移动事件
body.addEventListener(
"mousewheel"
,objTime.eventFun); //增加鼠标滑轮滑动事件
}
})(window)
// 直接调用 参数代表分钟数,可以有一位小数;
timeUserFun(0.1);
}
</script>
</body>
</html>