JS实现页面超时后自动跳转到登陆页面
网络编程 2025-03-24 11:47www.168986.cn编程入门
JS超时自动跳转至登录页面指南
亲爱的开发者朋友们,你是否遇到过用户因长时间无操作导致会话超时的问题?使用JavaScript可以轻松实现页面超时后自动跳转到登录页面的功能,确保用户体验的流畅性。下面,我将为你展示一段简洁而实用的代码。
一、核心JS代码
```javascript
// 设置定时器,60秒后执行Timeout函数
var myTime = setTimeout("Timeout()", 60000);
// 重置定时器函数
function resetTime() {
clearTimeout(myTime); // 清除之前的定时器
myTime = setTimeout('Timeout()', 60000); // 重新设置定时器
}
// 超时后的操作
function Timeout() {
alert("您的登录已超时,请重新登录!"); // 提示用户超时信息
document.location.href = 'login.jsp'; // 跳转到登录页面
}
// 当用户在文档上按下键盘键或点击鼠标时,重置定时器
document.documentElement.onkeydown = resetTime;
document.documentElement.onclick = resetTime;
```
二、使用指南
1. 将上述代码嵌入到你的网页中`