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

提供: tknotebook
移動: 案内検索
1行: 1行:
 
[[Category:コンピュータ]][[Category:ノウハウ]]
 
[[Category:コンピュータ]][[Category:ノウハウ]]
[[メインページ]]>[[コンピュータの部屋]]
+
[[メインページ]]>[[コンピュータの部屋#Webプログラミング]]
  
  

2015年8月5日 (水) 05:22時点における版

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