判断用户没有点击页面几秒后强制返回

<!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>
posted @ 2017-12-18 17:34  黎波波  阅读(336)  评论(0)    收藏  举报