Question

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

Answer 1

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

如果必须在脚本中使用setTimeout，请执行以下操作：

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

Answer 2

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

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

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

Answer 3

对于自动重新加载并在3秒后清除缓存，您可以使用javascript setInterval函数轻松完成。这是简单的代码

＆＃13;

$(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
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p>Auto reload page and clear cache</p>

＆＃13;

你也可以使用meta来实现这个

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

Answer 4

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

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

Answer 5

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

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

enter image description here

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

enter image description here

简单。简单。

Answer 6

@jAndy提供的答案应该有效，但在 Firefox 中你可能遇到问题， window.location.reload（1）;可能不起作用，这是我个人的经历。

所以我想建议：

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

经过测试，效果很好。

Answer 7

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

Answer 8

或者，有一个名为LiveReload ...

的应用程序

Answer 9

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

Answer 10

这将在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个人都以不同的方式做同样的事情。

Answer 11

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

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

11 个答案: