如何每5秒重新加载页面?

问题描述 投票:160回答:11

我正在将一个布局转换为html;一旦我在代码/ html / css中进行了更改,每次我必须按F5。有没有简单的javascript / jQuery解决方案?即添加脚本后,每5秒(或其他特定时间)重新加载整个页面。

javascript jquery
11个回答
349
投票
 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

如果必须在脚本中使用setTimeout像:

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

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()"> 

或者如果它是同一页面只重新加载自己并且有目标的牵引帽你想要的:

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

所有3个人都以不同的方式做同样的事情。


1
投票

function reload() {
  document.location.reload();
}

setTimeout(reload, 5000);

129
投票

要重新加载同一页面,您不需要第二个参数。你可以使用:

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

这会每30秒触发一次重新加载。


19
投票

对于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来做这个

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

12
投票
setTimeout(function () { location.reload(1); }, 5000);

但随着开发工具的发展,你可能会更好地使用https://addons.mozilla.org/en-US/firefox/addon/115


10
投票

IE有一个自动刷新更改工具。它被称为ReloadIt,可在http://reloadit.codeplex.com获得。自由。

您选择要自动重新加载的URL,并指定一个或多个目录路径以监视更改。按F12开始监控。

设置后,将其最小化。然后编辑您的内容文件。保存任何更改后,页面将重新加载。像这样:

简单。简单。


5
投票

@jAndy提供的答案应该有效,但在Firefox中你可能遇到问题,window.location.reload(1);可能行不通,这是我个人的经历。

所以我想建议:

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

这是经过测试并且工作正常。


3
投票

如果你使用firefox,那么一个不错的选择是XRefresh plugin。每次检测到文件被修改时,它都会重新加载您的页面。因此,不是每5秒刷新一次,只需在HTML编辑器中点击保存即可刷新。


3
投票

或者,有一个名为LiveReload的应用程序......


2
投票

如果您正在使用Firefox进行开发和测试,可以使用名为“ReloadEvery”的插件,它允许您按指定的时间间隔重新加载页面。

© www.soinside.com 2019 - 2024. All rights reserved.