5秒ごとにページをリロードする方法は?


183

1つのレイアウトをHTMLに変換しています。code / html / cssに変更を加えると、F5を押す必要があります。このための簡単なjavascript / jQueryソリューションはありますか?つまり、スクリプトを追加した後、5秒ごと(または他の特定の時間)にページ全体をリロードします。

回答:


382
 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

スクリプトに含める必要がある場合は、次のようにsetTimeoutを使用します。

setTimeout(function(){
   window.location.reload(1);
}, 5000);

4
これはおそらく、JavaScriptよりも優れた方法だと思います。
リッチ

1
ユースケースが訪問者のためにページを更新する必要があるということであれば、私は同意するかもしれませんが、開発目的では、毎回URIを更新する必要なしにページにドロップできるコードのブロックがあることは利点です。開発者が対象者全体である場合、JSに依存することは問題ではありません。
2010年

4
現在のページがPOSTの結果である場合、location.reload(1)はPOSTを繰り返します。Javascriptでメタリフレッシュを複製しようとしている場合、それは望ましくないかもしれません。
ルーベン

2
現在のページをリロードすると、ページを指定する必要はありません、ただ、:<meta http-equiv="refresh" content="5">
ashleedawg

146

同じページをリロードするには、2番目の引数は必要ありません。あなたはただ使うことができます:

 <meta http-equiv="refresh" content="30" />

これにより、30秒ごとにリロードがトリガーされます。


3
リダイレクトに使用する場合お勧めしません。非推奨ではありません。(そして、ページを更新したいが、
jax

これではうまくいきません。このコードペンにこの行を追加してみたが役に立たなかった。codepen.io/css-support/pen/bspdK
lolololol ol

1
@lololololol HTMLの[ペンの設定]領域の[<head>のスタッフ]設定に追加する必要があります。実際のスクリプトに入れても機能しません。
ブレット

23

3秒後に自動リロードしてキャッシュをクリアするには、javascript setInterval関数を使用して簡単に行うことができます。ここに簡単なコードがあります

$(document).ready(function() {
  setInterval(function() {
    cache_clear()
  }, 3000);
});

function cache_clear() {
  window.location.reload(true);
  // window.location.reload(); use this if you do not remove cache
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

また、これにメタを使用することもできます

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

ページ更新<script>は機能していますが、キャッシュをクリアする方法を説明できますか?またはそれはキャッシュをリフレッシュすることです。plsは説明します。
シルバー



10

IE用の自動変更時更新ツールがあります。これはReloadItと呼ばれ、http: //reloadit.codeplex.comで入手できます。自由。

自動再読み込みするURLを選択し、変更を監視する1つ以上のディレクトリパスを指定します。F12を押して監視を開始します。

ここに画像の説明を入力してください

設定したら、最小化します。次に、コンテンツファイルを編集します。変更を保存すると、ページがリロードされます。このような:

ここに画像の説明を入力してください

シンプル。簡単です。


2
IEには素晴らしいツール、アニメーションには感謝します。どうすれば同じものを作成できますか?
Wasim Shaikh

@WasimShaikh -レコード使用してアニメーションGIFに画面ScreenToGIFを
ashleedawg

5

@jAndyが提供する回答は機能するはずですが、Firefoxでは window.location.reload(1)の問題が発生する可能性があります。うまくいかないかもしれません、それは私の個人的な経験です。

だから私は提案したいと思います:

setTimeout(function() { window.location=window.location;},5000);

これはテストされ、正常に動作します。


3

Firefoxを使用している場合の適切な代替手段はXRefreshプラグインです。ファイルが変更されたことを検出するたびに、ページをリロードします。したがって、5秒ごとに更新するのではなく、HTMLエディターで「保存」をクリックすると更新されます。



2

Firefoxで開発およびテストしている場合は、「ReloadEvery」というプラグインを使用できます。これにより、指定した間隔でページを再ロードできます。


1

これは5秒間機能します。

5000ミリ秒= 5秒

これをターゲットと一緒に使用する_selfか、何をしたいか、どのページを使用したいか、それ自体を含めてください:

<script type="text/javascript">
function load()
{
setTimeout("window.open('http://YourPage.com', '_self');", 5000);
}
</script>
<body onload="load()"> 

または、これは自動セルフであり、自分自身を含め、必要なページのターゲットコードはありません。

<script type="text/javascript">
function load()
{
setTimeout("location.href = 'http://YourPage.com';", 5000);
}
</script>
<body onload="load()"> 

または、自分自身をリロードするだけの同じページであり、必要に応じて2つのターゲットを設定している場合:

<script type="text/javascript">
function load()
{
setTimeout("window.open(self.location, '_self');", 5000);
}
</script>
<body onload="load()">

3つすべてが、似たようなことを別の方法で行います。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.