javascript - ページのアイドル時間を見つけるためのスクリプト

Question

ユーザーがページでタスクを実行していない場合、つまりページがアイドル状態の場合、ページがアイドル状態であったか、ページで何も行われなかった時間をキャプチャする方法はありますか。プロジェクトでJSP、struts1、JQM、JSを使用しています。

Answer 1

以下を使用したアイドル時間の実装：

1. ゆい
2. jQuery

3. または、以下のスクリプトを使用してください。

   <script type="text/javascript">
   idleTime = 0;
   
   $(document).ready(function () {
       //Increment the idle time counter every minute.
       var idleInterval = setInterval("timerIncrement()", 60000); // 1 minute
   
       //Zero the idle timer on mouse movement.
       $(this).mousemove(function (e) {
           idleTime = 0;
       });
   
       $(this).keypress(function (e) {
           idleTime = 0;
       });
   })
   
   function timerIncrement() {
       idleTime = idleTime + 1;
   
       if (idleTime > 19) { // 20 minutes
           window.location.reload();
       }
   }
   </script>
   

Answer 2

body タグのトリガー onclick、onmousemove、およびonkeypressを使用して、現在のユーザー アクションを取得できます。これらのいずれかがトリガーされた後、タイムスタンプを設定し、setTimeout() または setIntervall() を介してアイドル時間をクエリできます。現在のタイムスタンプを取得し、最後のアクションからタイムスタンプを減算します。