【通过javascript实现:长时间未对html页面操作,自动退出系统,返回至login.html】
2024-01-10 15:05:23
功能:针对某html页面,如果长时间没有对页面进行任何操作,则退出系统,返回至login.html
思路分析:
step1 设置超时时间:timeoutDuration=10分钟,因为是以毫秒为单位,所以需要乘以1000
step2 设置超时后做的一系列操作:logout()
step3 设置超时函数:setTimeout(logout, timeoutDuration),超过10分钟,触发
step4 设置重置超时函数:resetTimeout(),当页面有鼠标操作时,需要清除先前的超时函数,重新设置超时函数
step5 监听页面操作,触发重置:mousemove鼠标移动,keydown键盘点击,click窗口点击
代码如下:
//step1 设置超时时间
let timeoutDuration = 10 * 60 * 1000; //10min
//step2 超时后做的操作
function logout(){
localStorage.clear(); //清除本地存储(如果用到setItem,可进行操作,也可省略该步)
location.href = 'login.html'; //跳转login.html
}
//step3 设置超时函数
let timeout = setTimeout(logout, timeoutDuration);
//step4 设置重置超时函数
function resetTimeout(){
clearTimeout(timeout);
timeout = setTimeout(logout, timeoutDuration);
}
//step5 监听页面操作,触发重置超时函数
window.addEventListener("mousemove", resetTimeout);
window.addEventListener("keydown", resetTimeout);
window.addEventListener("click", resetTimeout);
resetTimeout();
文章来源:https://blog.csdn.net/qq_48968230/article/details/135413610
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!