美文网首页
JS实现Web页面一段时间没有操作,退出或关闭页面

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

作者: jesse28 | 来源:发表于2021-07-08 14:52 被阅读0次

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';
         }

参考链接:https://blog.csdn.net/weixin_33738578/article/details/88031045

相关文章

网友评论

      本文标题:JS实现Web页面一段时间没有操作,退出或关闭页面

      本文链接:https://www.haomeiwen.com/subject/ihhtpltx.html