//核心代碼,已封裝function CountDownLogout()
{/* if 30 seconds no operation then logout */var maxTime = 30; // seconds,可自行修改時長var time_time = maxTime;/* 鼠標點擊事件 */$(document).mousedown(function(){time_time = maxTime; //更新操作時間});var Timer_ID = setInterval(function() {time_time--;if (time_time <= 0) {ShowInvalidLoginMessage();clearInterval(Timer_ID); //清除定時器}}, 1000)function ShowInvalidLoginMessage() {top.location = "index.html"; //跳轉到登錄界面}
}
注意:
1)跳轉到登錄界面:top.location ,而不是?window.location.href。前者是 跳轉到頂級頁面。
例如(問題):頁面A的一部分顯示子頁面B,從頁面B使用?window.location.href 跳轉到頁面C時,只是在頁面A中 頁面B占用的部分,跳轉到了頁面C。使用?top.location 跳轉后,整個頁面顯示頁面C。
2)依賴庫:jquery
網址:jquery下載所有版本(實時更新)
<script src="SpryAssets/jquery-3.5.1.min.js"></script>// 1)最好是下載到本地,加入到工程中,再引入到代碼中
// 2)也可以使用網絡url,直接引入到自己的代碼中,不需要下載js文件
setInterval()介紹
????????setInterval()是 JavaScript 中的一個內置函數,它用于在指定的間隔時間內重復執行一段代碼,實現周期性操作。
語法:
????????setInterval(function, milliseconds, param1, param2, ...)
參數說明
????????function:必需,要重復執行的函數或代碼塊。
????????milliseconds:必需,重復執行的時間間隔(以毫秒為單位)。
????????param1, param2, ... :可選,傳遞給要執行的函數的參數。如果無須傳遞參數,則省略此參數。
返回值:
????????setInterval() 方法會返回一個計時器ID,可以通過該計時器ID來取消計時器的執行。?
var intervalId = setInterval(function() {......
}, 1000);
clearInterval(intervalId);