zoukankan      html  css  js  c++  java
  • 用户停留网站无操作,一定时间后自动退出

    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>
  • 相关阅读:
    循序渐进学Python 1 安装与入门
    常用yum命令小结
    为CentOS配置网易163的yum源
    PHP合并数组+与array_merge的区别
    让Docker功能更强大的10个开源工具
    Docker入门系列8
    Docker入门系列7 动态映射端口port mapping
    e 的由来
    ROS教程5 使用串口
    1 ROS+ 使用ORB_SLAM2进行全场定位
  • 原文地址:https://www.cnblogs.com/SunShineM/p/7991957.html
Copyright © 2011-2022 走看看