小编典典

在给定的闲置时间后如何自动重新加载页面

javascript

如果在给定的时间段内没有任何活动,如何自动重新加载网页?


阅读 245

收藏
2020-05-01

共1个答案

小编典典

如果要在没有活动的情况下刷新页面,则需要弄清楚如何定义活动。假设我们每分钟刷新一次页面,除非有人按下键或移动鼠标。这使用jQuery进行事件绑定:

<script>
     var time = new Date().getTime();
     $(document.body).bind("mousemove keypress", function(e) {
         time = new Date().getTime();
     });

     function refresh() {
         if(new Date().getTime() - time >= 60000) 
             window.location.reload(true);
         else 
             setTimeout(refresh, 10000);
     }

     setTimeout(refresh, 10000);
</script>
2020-05-01