直接上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
var body = document.querySelector('body')
body.onload = function(){
// 当页面加载的时候触发此生命周期函数,
// 用现在的时间对比之前的时间,判断过去了多少秒, 五秒内算是刷新, 超过五秒是关闭
var nowTime = (new Date().getTime())/1000
var date = (localStorage.getItem('date')||new Date().getTime())/1000
console.log(nowTime,date)
var time = newTime - date
if(time<5){
console.log('判断为刷新')
}else {
console.log('判断为关闭')
}
}
body.onbeforeunload = function(e){
// 无论是关闭页面还是刷新页面都会调用这个生命周期函数
// 每次调用这个生命周期函数的时候都会去保存一次时间
localStorage.setItem('date',new Date().getTime())
}
body.onunload = function(){
}
</script>