<script src="./statics/base/js/jquery-1.8.3.min.js"></script>
<script src="./js/sessionTimeout.js"></script>

<script>
    $(document).ready(function() {
	    sessionTimeout.init();
	});
</script>

(function (window) {//立即調用的函數表達式
    //設置時間，用戶無操作多久后觸發(fā)登出操作
    // let inactivityTimeout = 30 * 60 * 1000; // 30分鐘
    let inactivityTimeout = 5 * 1000; // 5秒鐘
    //定義一個變量timer，用于保存setTimeout返回的ID值，以便在需要時清除定時器。
    let timer;
    // 定義一個名為init的常量函數，用于初始化無操作超時功能，包括重置計時器和綁定事件監(jiān)聽器。
    const init = function () {
        resetInactivityTimeout();
        bindEvents();
    };
    // 定義一個名為resetInactivityTimeout的常量函數，用于清除當前計時器并重新設置一個新的計時器，如果inactivityTimeout內沒有用戶活動，則執(zhí)行登出操作。
    const resetInactivityTimeout = function () {
        // 清除當前存在的計時器。
        clearTimeout(timer);
        // 設置一個新的計時器，等待inactivityTimeout指定的毫秒數后執(zhí)行l(wèi)ogout函數。
        timer = setTimeout(logout, inactivityTimeout);
    };
    // 定義一個名為bindEvents的常量函數，用于綁定鼠標移動、按鍵和鼠標點擊等事件，當這些事件發(fā)生時，調用resetInactivityTimeout函數重置計時器。
    const bindEvents = function () {
        // 監(jiān)聽鼠標移動事件，每當鼠標移動時，重置計時器。
        document.addEventListener('mousemove', resetInactivityTimeout);
        // 監(jiān)聽鍵盤按鍵事件，每當用戶按下鍵盤鍵時，重置計時器。
        document.addEventListener('keydown', resetInactivityTimeout);
        // 監(jiān)聽鼠標點擊事件，每當用戶點擊鼠標時，重置計時器。
        document.addEventListener('mousedown', resetInactivityTimeout);
    };
    // 定義一個名為logout的常量函數，用于執(zhí)行登出操作。
    const logout = function () {
        // 清除本地存儲的信息并跳轉到登錄頁面
        // localStorage.removeItem('access_token');
        // 當調用logout函數時，將頁面URL更改為'./Logout.php'，從而實現頁面跳轉并登出系統。
        window.location.href = './Logout.php';
    };
    // 初始化函數。檢查全局window對象上是否存在名為sessionTimeout的屬性。如果不存在，則將其定義為一個包含init方法的對象。
    if (typeof window.sessionTimeout === 'undefined') {
        // 將init函數作為一個屬性掛載到全局sessionTimeout對象上，使得在各頁面中可以通過sessionTimeout.init()來啟用無操作超時自動登出功能。
        window.sessionTimeout = {
            init: init
        };
    }
})(window);