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

最新推荐文章于 2021-06-04 06:44:44 发布

weixin_30488085

最新推荐文章于 2021-06-04 06:44:44 发布

阅读量150

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/libo199374/p/8058735.html

版权

 
  <!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>