WEB画面で一定時間操作されなかった時に任意のjsを実行する方法

考え方

実装例

// --- データ更新を促す
(function () {
    const sec = 60;
    const events = ['keydown', 'mousemove', 'click'];
    let timeoutId;

    // タイマー設定
    function setTimer() {
        timeoutId = setTimeout(logout, sec * 1000);
    }
    function resetTimer() {
        clearTimeout(timeoutId);
        setTimer();
    }

    // イベント設定
    function setEvents(func) {
        let len = events.length;
        while (len--) {
            addEventListener(events[len], func, false);
        }
    }

    // ログアウト
    function logout() {
        if (window.confirm("1分無操作でした。画面を更新してよろしいですか？")) {
            window.location.reload();
        }
    }

    setTimer();
    setEvents(resetTimer);
})();

参考