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

我将一个布局转换为html;一旦我在code/html/css中做了更改，每次我都要按F5。有没有简单的javascript/jQuery解决方案?也就是说，在我添加脚本后，每5秒(或其他特定时间)重新加载整个页面。

655600 次浏览
小开 
setTimeout(function () { location.reload(1); }, 5000);

但是作为开发工具，你可能更适合使用一个标签重新加载扩展。

小开
最佳答案 
 <meta http-equiv="refresh" content="5; URL=http://www.yourdomain.com/yoursite.html">

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

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

如果你使用firefox，一个不错的选择是XRefresh插件。每次检测到文件被修改时，它都会重新加载页面。所以它不是每5秒刷新一次，而是当你在HTML编辑器中点击保存时才会刷新。

小开

如果您正在Firefox中开发和测试，则有一个名为“ReloadEvery”的插件可用，它允许您以指定的间隔重新加载页面。

小开

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

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

enter image description here

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

enter image description here

简单。一件容易的事。

小开

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

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

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

小开

还有一个叫做LiveReload的应用程序…

小开

对于自动重载和清除缓存后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">
小开

@jAndy提供的答案应该可以工作，但在Firefox < em > < / em >中，你可能会遇到问题，window.location.reload (1);可能行不通，这是我的个人经验。

所以我想建议:

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

这是经过测试的，工作正常。

小开

这个动作持续5秒。

5000毫秒= 5秒

将此函数用于目标_self或任何你想要的东西，以及你想要的任何页面，包括它本身:

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

或者这个带有自动的self，没有目标代码，任何你想要的页面，包括它自己:

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

这三家公司都在做类似的事情，只是方式不同。

小开 

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


setTimeout(reload, 5000);


提交答案