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-tag 的 Triggers onclick、onmousemove和onkeypress来获取当前用户操作。在其中一个触发后，您可以设置时间戳并通过 setTimeout() 或 setIntervall() 查询空闲时间。您获取当前时间戳并从最后一个操作中减去时间戳。