js监听浏览器刷新及关闭(第一次进入)

2024年07月19日 建站教程

功能介绍:在浏览器关闭的时候执行一个方法,但是发现window.beforeunloadwindow.unload都没什么用,所以换了一种思路根据页面是刷新还是第一次进来,第一次进来先执行方法,再执行其它!

// 记录当前时间并转成时间戳
const now = new Date().getTime();
// 从缓存中获取用户上次退出的时间戳
const leaveTime = parseInt(localStorage.getItem('leaveTime'), 10);
// 判断是否为刷新,两次间隔在5s内判定为刷新操作
const refresh = (now - leaveTime) <= 5000;
// 测试alert refresh:true/false
alert(refresh ? '刷新' : '第一次进入');

// 退出当前页面执行
window.onunload = function(e){
  // 将退出时间存于localstorage中
  localStorage.setItem('leaveTime', new Date().getTime());
}

本文链接:http://so.lmcjl.com/news/8758/

展开阅读全文
相关内容