介绍 var lastTime =, new 日期().getTime ();
var currentTime =, new 日期().getTime ();
var timeOut =, 30, *, 60, *, 1000;,//设置超时时间:30分
,
时间=window.onload function (), {
时间=window.document.onmousedown 才能;function (), {
,,,localStorage.setItem (“lastTime" new 日期().getTime ());
,,}
}；
function checkTimeout (), {
时间=currentTime 才能;new 日期().getTime();,//更新当前时间
时间=lastTime 才能;localStorage.getItem (“lastTime");//才能,console.log (currentTime 作用;lastTime);//才能,console.log(超时);
if 才能;(currentTime 作用;lastTime 祝辞,超时),{,//判断是否超时
,,,//,console.log(“超时“);
,,,var url =, window.location.href;
,,,var newUrl=url.match (/(\ S *) #) [1];
,,,,
,,,window.open(时间+ newUrl & # 39; #/登录# 39;,& # 39;_self # 39;);
,,}
}
,/*,定时器,间隔30秒检测是否长时间未操作页面,*/setinterval (checkTimeout, 30000);
这篇文章主要介绍vue中js判断长时间不操作界面自动退出登录的案例,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
需求说明,后台有做半个小时不请求接口的话返回标识退出登录,但是要请求接口才行,现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。
创建一个js文件,在main.js引入此js (vue框架)
在登录成功的时候保存当前时间<代码> localStorage.setItem (“lastTime",新的日期().getTime());
然后在点击的时候更新这个时间
每隔30年代去检查一下是否过了30分钟。
以上是“vue中js判断长时间不操作界面自动退出登录的案例”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
