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

2022-08-30 02:18:55

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


答案 1

这可以在没有javascript的情况下完成,使用这个元标记:

<meta http-equiv="refresh" content="5" >

其中内容 =“5” 是页面将等待刷新的秒数。

但你说,只有在没有活动的情况下,那会是什么样的活动?


答案 2

如果要在没有活动的情况下刷新页面,则需要弄清楚如何定义活动。假设我们每分钟刷新一次页面,除非有人按某个键或移动鼠标。这使用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>