「一定時間操作しないとタイムアウトする画面」の版間の差分

2016年11月9日 (水) 13:07時点における最新版

メインページ>コンピュータの部屋#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>