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

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 [email protected] */
        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();
        }

你可能感兴趣的:(web)