JavaScript(1):Js实现web页面一段时间没操作,退出或关闭页面

来源:互联网 发布:qq群发广告软件 编辑:程序博客网 时间:2024/05/29 03:56

1. 思路

js设置一个倒计时,当监听到keydown mousemove mousedown等事件时,重置倒计时。若倒计时为0时,触发相应事件。

2. 实现

注:需要引入JQuery

<script   src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
  • 核心代码段
/* if 5 minutes no operation then logout --liaotuo@2017.8.20 */        var maxTime = 300; // seconds        var time = maxTime;        $('body').on('keydown mousemove mousedown', function(e) {            time = maxTime; // reset        });        var intervalId = setInterval(function() {            time--;            if (time <= 0) {                ShowInvalidLoginMessage();                clearInterval(intervalId);            }        }, 1000)        function ShowInvalidLoginMessage() {            alert("您已经长时间没操作了,即将退出系统");            //TODO 做需要做的操作            //exp:关闭页面            window.close();        }
原创粉丝点击