[解決済み] 一定時間操作されないと自動的にページを再読み込みする方法
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>
関連
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
JavaScriptのgetElementById()メソッド入門
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
JSアレイループと効率解析の比較
-
vue3.0プロジェクトのアーキテクチャを構築するための便利なツール
-
vue ディレクティブ v-html と v-text
-
vueにおけるv-forループオブジェクトのプロパティ
-
Vueの一般的な組み込みディレクティブの説明
-
[解決済み] 配列の結合時に未定義のプロパティ 'push' を読み込むことができない
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)