一定時間操作しないとタイムアウトする画面

提供: tknotebook
2016年11月9日 (水) 13:07時点におけるNakamuri (トーク | 投稿記録)による版

(差分) ←前の版 | 最新版 (差分) | 次の版→ (差分)
移動: 案内検索

メインページ>コンピュータの部屋#Webプログラミング


以下の javascript コードを埋め込むと、5秒後アラートメッセージが 表示されるが、5秒以内に画面を操作するとメッセージは出ない。

<script>
    var timer;

    function countDown() {
        alert("count down");
        return true;
    }

    function restartTimer() {
        clearTimeout(timer);
        timer=setTimeout('countDown()',5000);
        return true;
    }
    function load() {
        timer=setTimeout('countDown()',5000);
        document.body.addEventListener("mousedown", restartTimer, false);
        document.body.addEventListener("keypress", restartTimer, false);
    }
    document.addEventListener("DOMContentLoaded", load, false);
</script>