1. ホーム
  2. javascript

[解決済み] 一定時間操作されないと自動的にページを再読み込みする方法

2022-04-24 09:56:54

質問

一定時間、ページに動きがない場合、自動的にウェブページを再読み込みするにはどうすればよいですか?

どのように解決するのですか?

もし、アクティビティがない場合にページを更新したいのであれば、アクティビティをどのように定義するか考える必要があります。例えば、誰かがキーを押したり、マウスを動かしたりしない限り、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>