如何每5秒钟刷新页面?

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

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

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

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

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

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

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

为了自动重新加载和清除caching3秒后,你可以很容易地使用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> 

有一个IE自动刷新工具。 这就是所谓的ReloadIt,可在http://reloadit.codeplex.com 。 自由。

您select一个您想要自动重新加载的URL,并指定一个或多个目录path来监视更改。 按F12开始监视。

在这里输入图像描述

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

在这里输入图像描述

简单。 简单。

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

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

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

所以我想build议:

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

这是testing和工作正常。

如果你使用的是firefox,一个体面的select是XRefresh插件 。 它会重新加载您的网页,每次它检测到文件已被修改。 所以,不要每5秒刷新一次,只要在HTML编辑器中保存即可刷新。

另外还有一个名为LiveReload的应用程序

如果您在Firefox中进行开发和testing,则会有一个名为“ ReloadEvery ”的插件,您可以按照指定的时间间隔重新加载页面。

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