一个简单静态网页js实现五秒跳转（含meta）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Refresh" content="5;url=https://mage" />
<title>网络安全C10期课程</title>
<script>
// 初始化一个变量来存储定时器ID
let idleTimer;
// 重置定时器
function resetIdleTimer() {
// 清除之前的定时器
clearTimeout(idleTimer);
// 设置新的定时器
idleTimer = setTimeout(function() {
// 5秒后执行的函数
window.location.href = 'https://edu.magedu.com';
}, 5000); // 5000毫秒 = 5秒
}
// 监听鼠标移动事件
document.addEventListener('mousemove', resetIdleTimer, false);
// 监听键盘事件
document.addEventListener('keydown', resetIdleTimer, false);
// 监听滚轮事件
document.addEventListener('wheel', resetIdleTimer, false);
// 监听点击事件
document.addEventListener('click', resetIdleTimer, false);
// 页面加载完成后立即开始计时
document.addEventListener('DOMContentLoaded', function() {
resetIdleTimer();
});
</script>
</head>
<body style="background-color: blue;">
<h style="background-color: red;"><a href="http://www.baidu.com" target="_blank">有疑问？ 点一下</a></h>
<h>页面将在5秒内无操作时跳转到马哥教育</h>
</body>
</html>
浙公网安备 33010602011771号