如何每5秒重新载入一次页面?

2020/10/20 00:21 · javascript ·  · 0评论

我正在将一种布局转换为html; 一旦我在code / html / css中进行了更改,每次必须按F5。是否有任何简单的javascript / jQuery解决方案?即,在添加脚本之后,每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秒触发一次重新加载。

对于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">
setTimeout(function () { location.reload(1); }, 5000);

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

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

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

在此处输入图片说明

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

在此处输入图片说明

简单。简单。

@jAndy提供的答案应该可以,但是在Firefox中,您可能会遇到问题window.location.reload(1)可能不起作用,这是我的个人经验。

所以我想建议:

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

这已经过测试并且可以正常工作。

如果您使用的是firefox,一个不错的选择是XRefresh插件每当检测到文件已被修改时,它将重新加载页面。因此,它不仅会每5秒刷新一次,而是会在您在HTML编辑器中单击“保存”时刷新。

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

如果您正在Firefox中进行开发和测试,则可以使用一个名为“ 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()">

这三个人都以不同的方式做类似的事情。

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

setTimeout(reload, 5000);
本文地址:http://javascript.askforanswer.com/ruhemei5miaozhongxinzairuyiciyemian.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!