JS实现Web页面一段时间没有操作，退出或关闭页面

1、需求

当前项目有这样一个需求，如果登录人长时间没有操作的话，退出当前系统，所以想写一个简易函数，方便以后有类似的需求调用。

2、思路

js设置一个倒计时变量，当监听到keydown、mousemove、mousedown等事件时，重置倒计时；
若倒计时变量走到0时，触发相应事件。

3、代码实现

jq代码：

/* 30分钟没有操作调回登录界面 creat@date 2018-7-4 by 段凯 */
        var maxTime = 60*30; // 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() {
             window.location.href = 'backstagelogin.html';
        }
复制代码