用户长时间不操作，自动退出登录。

最新推荐文章于 2026-04-04 02:11:41 发布

原创最新推荐文章于 2026-04-04 02:11:41 发布 · 7.4k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#自动退出登录 #登录超时

收录于

jquery、zepto 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听用户活动并自动登出的实现方法。通过设置时间间隔检查用户是否超过5分钟未进行任何操作，若满足条件则自动清除登录状态，确保账户安全。

项目需求：用户超过5分钟没有任何操作，自动退出登录。
直接上代码：

$(function(){
    // 监听用户长时间不操作后自动退出登录
    let currtentTime = new Date().getTime(),
        lastTime = new Date().getTime()
    // 设置自动失效时长
    const diff = 1000 * 60 * 5;
    $(document).on('mouseover', function () {
        lastTime = new Date().getTime();
    });
    let timer = setInterval(function () {
        currentTime = new Date().getTime();
        if (currentTime - lastTime > diff) {
        	//  清除登录状态操作
        	
            clearInterval(timer);
        }
    }, 1000);
})