js判断用户是否在操作网页

方法一：通过事件来判断。

window.onload = function (){

 

   (function($){

     funObj = {

       timeUserFun:'timeUserFun',

     }

     $[funObj.timeUserFun] = function(time){

       var time = time || 2;

       var userTime = time*60;

       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');

       body.addEventListener("click",objTime.eventFun);

       body.addEventListener("keydown",objTime.eventFun);

       body.addEventListener("mousemove",objTime.eventFun);

       body.addEventListener("mousewheel",objTime.eventFun);

     }

   })(window)

 

 

//   直接调用 参数代表分钟数,可以有一位小数;

    timeUserFun(0.1);
 }

方法二：

可以通过document.hidden属性判断当前页面是否是激活状态。

兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+

兼容性写法示例：