用户停留网站无操作，一定时间后自动退出

Posted 2020-10-16 微笑

1.一般页面

function checkUserFun(){
    var maxTime = 2*60*60; // seconds  (2小时)
    var time = maxTime;
    $(‘body‘).on(‘keydown mousemove mousedown click scroll‘, function(e){
        time = maxTime; // reset
    });
    var intervalId = setInterval(function(){
        time--;
        if(time <= 0) {
            ShowInvalidLoginMessage();
            clearInterval(intervalId);
        }
    },1000)
    function ShowInvalidLoginMessage(){
　　　　　//清除用户信息
        alert(‘页面失效，请重新登录‘);
        //跳转到登录页面
    }
}

2.嵌入了iframe的页面

var maxTime = 2*60*60; // seconds
var time = maxTime;
function checkUserFun(){
  $(‘body‘).on(‘keydown mousemove mousedown click scroll‘, function(e){
      time = maxTime; // reset
  });
  $($(‘#ifr‘)[0].contentWindow).on(‘click scroll keydown mousemove mousedown‘, function(e){
      time = maxTime; // reset
      load();
  });
  var intervalId = setInterval(function(){
      time--;
      if(time <= 0) {
          ShowInvalidLoginMessage();
          clearInterval(intervalId);
      }
  },1000)
  function ShowInvalidLoginMessage(){
    delCookie(‘username‘);
    location.href = ‘login.html‘;
  }
}
function load(){
  $($(‘#ifr‘)[0].contentWindow).on(‘click scroll keydown mousemove mousedown‘, function(e){
    time = maxTime; // reset
  });
  time = maxTime; // reset
}

html

<iframe id="ifr" src="banner/bannerList.html" frameborder="0" width="100%" height="100%" onload = "load()"></iframe>