blocks|key|1256740|text|+<meta+http-equiv="refresh"+content="5;+URL=http://www.yourdomain.com/yoursite.html">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1256741|如果必须在脚本中使用setTimeout，如下所示：|unstyled|offset|length|1256742|setTimeout(function(){
+++window.location.reload(1);
},+5000);|1256743|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout^0|0|A|A|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@$G|U|H|V|1|W]]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|A|$B|C]]|$1|K|3|-4|5|F|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<pre><code> &lt;meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html"&gt;
</code></pre>

<p>If it has to be in the script use <a href="https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout" rel="noreferrer">setTimeout</a> like:</p>

<pre><code>setTimeout(function(){
   window.location.reload(1);
}, 5000);
</code></pre>


blocks|key|1257068|text|要重新加载同一页面，您不需要第二个参数。您可以只使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1257069|+<meta+http-equiv="refresh"+content="30"+/>|code-block|syntax|javascript|1257070|这将每隔30秒触发一次重新加载。|1257071|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>To reload the same page you don't need the 2nd argument. You can just use:</p>

<pre><code> &lt;meta http-equiv="refresh" content="30" /&gt;
</code></pre>

<p>This triggers a reload every 30 seconds.</p>


blocks|key|1042227|text|对于自动加载和3秒后清除缓存，你可以使用javascript的setInterval函数轻松完成。下面是简单的代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1042228|​|1042229|$(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
}|code-block|syntax|javascript|1042230|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto+reload+page+and+clear+cache</p>|1042231|1042232|您也可以使用meta来实现这一点。|1042233|<meta+http-equiv="Refresh"+content="5">|1042234|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|W|8|@]|9|@]|A|$]]|$1|N|3|O|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>For auto reload and clear cache after 3 second you can do it easily using javascript setInterval function. Here is simple code</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(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
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
&lt;p&gt;Auto reload page and clear cache&lt;/p&gt;</code></pre>
</div>
</div>
</p>

<p>and you can also use meta for this</p>

<pre><code>&lt;meta http-equiv="Refresh" content="5"&gt;
</code></pre>


blocks|key|1041751|text|setTimeout(function+()+{+location.reload(1);+},+5000);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1041752|但是随着开发工具的发展，使用https://addons.mozilla.org/en-US/firefox/addon/115可能会更好|unstyled|offset|length|1041753|entityMap|0|LINK|mutability|MUTABLE|url|https://addons.mozilla.org/en-US/firefox/addon/115^0|0|E|1E|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>setTimeout(function () { location.reload(1); }, 5000);
</code></pre>

<p>But as development tools go, you are probably better off with <a href="https://addons.mozilla.org/en-US/firefox/addon/115" rel="noreferrer">https://addons.mozilla.org/en-US/firefox/addon/115</a></p>


blocks|key|1257002|text|IE有一个自动刷新更改的工具。它被称为ReloadIt，可以在http://reloadit.codeplex.com上找到。免费的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1257003|您可以选择要自动重新加载的URL，并指定一个或多个目录路径来监视更改。按F12开始监控。|1257004|​|1257005|📷|atomic|1257006|1257007|设置后，将其最小化。然后编辑您的内容文件。当您保存任何更改时，页面将重新加载。如下所示：|1257008|1257009|1257010|1257011|很简单。很简单。|1257012|entityMap|0|LINK|mutability|MUTABLE|url|http://reloadit.codeplex.com/|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/80a3a8d95548849ac8c29019cc22a2e6.png|imageAlt|2|https://ask.qcloudimg.com/http-save/yehe-900000/11342beab21dad4462d43177f3f356b5.gif^0|V|S|0|0|0|0|0|1|1|0|0|0|0|0|1|2|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1D|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|K|3|G|5|6|7|1I|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1J|8|@]|9|@]|C|$]]|$1|N|3|G|5|6|7|1K|8|@]|9|@]|C|$]]|$1|O|3|I|5|J|7|1L|8|@]|9|@$A|1M|B|1N|1|1O]]|C|$]]|$1|P|3|G|5|6|7|1P|8|@]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1Q|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1R|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|11|W|12|C|$13|14|15|-4]]|16|$5|11|W|12|C|$13|17|15|-4]]]]

<p>There's an automatic refresh-on-change tool for IE.  It's called ReloadIt, and is available at <a href="http://reloadit.codeplex.com" rel="noreferrer">http://reloadit.codeplex.com</a> . Free.  </p>

<p>You choose a URL that you'd like to auto-reload, and specify one or more directory paths to monitor for changes.  Press F12 to start monitoring.</p>

<p><img src="https://i.stack.imgur.com/IKXuR.png" alt="enter image description here"></p>

<p>After you set it, minimize it.  Then edit your content files. When you save any change, the page gets reloaded.  like this: </p>

<p><img src="https://i.stack.imgur.com/OP1Z2.gif" alt="enter image description here"></p>

<p>Simple. easy. </p>


blocks|key|1256813|text|如果你正在使用火狐，一个不错的选择是XRefresh+plugin。它会在每次检测到文件被修改时重新加载你的页面。因此，它不是每隔5秒刷新一次，而是在HTML编辑器中点击保存时刷新。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1256814|entityMap|0|LINK|mutability|MUTABLE|url|http://xrefresh.binaryage.com/^0|I|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>A decent alternative if you're using firefox is the <a href="http://xrefresh.binaryage.com/" rel="nofollow noreferrer">XRefresh plugin</a>. It will reload your page everytime it detect the file has been modified. So rather than just refreshing every 5 seconds, it will just refresh when you hit save in your HTML editor.</p>


blocks|key|1257129|text|或者还有一个名为LiveReload的应用程序...|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1257130|entityMap|0|LINK|mutability|MUTABLE|url|http://livereload.com/^0|8|A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>Alternatively there's the application called <a href="http://livereload.com/" rel="nofollow">LiveReload</a>...</p>


blocks|key|1256847|text|如果您正在Firefox中进行开发和测试，可以使用一个名为"ReloadEvery“的插件，它允许您按指定的时间间隔重新加载页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1256848|entityMap|0|LINK|mutability|MUTABLE|url|https://addons.mozilla.org/en-US/firefox/addon/115^0|U|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>If you are developing and testing in Firefox, there's a plug-in called "<a href="https://addons.mozilla.org/en-US/firefox/addon/115" rel="nofollow noreferrer">ReloadEvery</a>" is available, which allows you to reload the page at the specified intervals. </p>


blocks|key|1257224|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1257225|function+reload()+{
++document.location.reload();
}

setTimeout(reload,+5000);|code-block|syntax|javascript|1257226|1257227|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function reload() {
  document.location.reload();
}

setTimeout(reload, 5000);</code></pre>
</div>
</div>
</p>


<p>I am converting one layout to html; once I make the changes in code/html/css, every time I have to hit F5. Is there any simple javascript/jQuery solution for this? I.e. after I add the script, reload the whole page every 5 seconds (or some other specific time).</p>


How to reload page every 5 seconds?

我正在将一个布局转换为html；一旦我在代码/html/css中进行了更改，每次我都必须点击F5。有什么简单的javascript/jQuery解决方案吗？例如，在我添加脚本后，每隔5秒(或其他特定时间)重新加载整个页面。

问如何每隔5秒重新加载页面？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何每隔5秒重新加载页面？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何每隔5秒重新加载页面？
EN