<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>