JavaScript（1）：Js实现web页面一段时间没操作，退出或关闭页面

最新推荐文章于 2024-09-22 11:17:00 发布

Clannad_汐

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量1.2w

点赞数 3

分类专栏： web 文章标签： javascript jquery web

本文链接：https://blog.csdn.net/c1481118216/article/details/77427929

版权

web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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();
        }