h5 进入后台超过1分钟退出登录

最新推荐文章于 2024-11-01 11:19:23 发布

一个假的前端男

最新推荐文章于 2024-11-01 11:19:23 发布

阅读量460

点赞数

CC 4.0 BY-SA版权

文章标签： html5 javascript vue.js

本文链接：https://blog.csdn.net/IT_iosers/article/details/120039992

本文介绍了一个JavaScript函数，用于监听页面可见性变化，当页面在后台运行超过预设时间（默认15分钟）后，自动退出登录并刷新页面。通过localStorage管理用户状态和退出时间点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

监听页面应用进入后台

//  超出Time 分后 退出当前登录
export function OutTimeLogOut(ele, Time = 15) {
  if (ele.addEventListener) {
    ele.addEventListener("visibilitychange", function () {
      if (ele.visibilityState == "visible") {
        if (window.localStorage.getItem("user")) {
          // 存在退出Time
          if (window.localStorage.getItem("endTime")) {
            var current = new Date().getTime();
            // 获得退出时间
            let exitTime = window.localStorage.getItem("endTime") - 0;
            // 1分钟

            console.log(current - exitTime, current, exitTime, '时间')
            if (current - exitTime >= 60 * Time * 1000) {
              window.localStorage.removeItem("user");
              window.location.reload();
            }
          }
        }
      }
      if (ele.visibilityState == "hidden") {
        if (window.localStorage.getItem("user")) {
          var endTime = new Date().getTime();
          window.localStorage.setItem("endTime", endTime);
        }
      }
    });
  } else {
    console.log('不会吧')
    ele.attachEvent("visibilitychange", function () {
      if (ele.visibilityState == "visible") {
        if (window.localStorage.getItem("user")) {
          // 存在退出Time
          if (window.localStorage.getItem("endTime")) {
            var current = new Date().getTime();
            // 获得退出时间
            let exitTime = window.localStorage.getItem("endTime") - 0;
            // 1分钟


            if (current - exitTime >= 60 * Time * 1000) {
              window.localStorage.removeItem("user");
              window.location.reload();
            }
          }
        }
      }
      if (ele.visibilityState == "hidden") {
        if (window.localStorage.getItem("user")) {
          var endTime = new Date().getTime();
          window.localStorage.setItem("endTime", endTime);
        }
      }
    });
  }

}