JavaScript(1):Js実装webページはしばらく操作せず、ページを終了または閉じる

2033 ワード

1.考え方
jsはカウントダウンを設定し、keydown mousemove mousedownなどのイベントを監視するとカウントダウンをリセットします.カウントダウンが0の場合、対応するイベントがトリガーされます.
2.実現
注意:JQueryを導入する必要があります
<script   src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js">script>
  • コアコードセグメント
  • /* if 5 minutes no operation then logout [email protected] */
            var maxTime = 300; // seconds
            var time = maxTime;
            $('body').on('keydown mousemove mousedown', function(e) {
                time = maxTime; // reset
            });
            var intervalId = setInterval(function() {
                time--;
                if (time <= 0) {
                    ShowInvalidLoginMessage();
                    clearInterval(intervalId);
                }
            }, 1000)
            function ShowInvalidLoginMessage() {
                alert("          ,      ");
                //TODO        
                //exp:    
                window.close();
            }