一.思路
在app.vue组件中写入代码,当鼠标移动则记录下最后一次操作的时间戳,然后再用当前获取的时间戳减去最后一次操作的时间戳,得到的差值如果大于30分钟,则表示超时了,再执行关闭当前页,清空缓存的操作,然后再给window设置个定时器,每1秒钟执行一下该函数,看是否有超时
二.代码
var lastTime = new Date().getTime();
var currentTime = new Date().getTime();
var timeOut = 30 * 60 * 1000; //设置超时时间: 30分
/* 鼠标移动事件 */
document.mouseover=function(){
lastTime = new Date().getTime(); //更新操作时间
};
function toLoginPage(){
currentTime = new Date().getTime(); //更新当前时间
if(currentTime - lastTime > timeOut){ //判断是否超时
window.close();//关闭当前页
sessionStorage.clear();
}
}
window.setInterval(toLoginPage, 1000)