2009-08-18 99 views
6

我使用的Firefox插件可以每X秒刷新浏览器窗口。作为前端开发人员,这非常有用,因为我可以在编辑器中将它们保存到CSS/XHTML更改中时获得即时反馈。如何使用JavaScript每隔X秒刷新一次浏览器?

但我注意到,这经常停止工作。我猜这可能是由于我添加到页面干扰插件的JavaScript/jQuery。

我只是想知道是否有可能添加一个临时的javascript行来模仿这种自动刷新行为在需要的时候。

回答

15
setTimeout("location.reload(true);", timeoutPeriod); 
+1

这对我很好。如果您还在网址的网页中添加了对相应ID的引用,例如... index.html#页脚可以保持当前正在处理的区域在刷新时可见。尼斯。 – james6848 2009-08-18 18:30:23

38

来刷新页面的最简单和hackiest解决方案是增加这个头里面:

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

刷新它每隔30秒。

您可以通过执行做类似的JavaScript:

setTimeout('window.location.href=window.location.href;', 30000); 

注:several methods of reloading the page in Javascript所以这也将工作:

setTimeout('window.location.reload();', 30000); 

setTimeout('history.go(0);', 30000); 

及其他。

这两者都会每隔30秒完全刷新页面。这很好,如果你所做的事情是快速和肮脏的。通常,虽然对于用户将使用的某些内容,您可能希望将AJAX刷新到页面的某些部分。例如:

setInterval(refresh_table, 30000); 

function refresh_table() { 
    $("#table_container").load("/load_table"); 
} 
+1

不能只是被location.reload()呢? – karim79 2009-08-18 11:03:04

+0

重新加载页面的方式有很多种。我的确是相当老派。请参阅http://www.mediacollege.com/internet/javascript/page/reload.html – cletus 2009-08-18 11:06:28

+0

是自动刷新页面的最简单解决方案。 – Steven 2009-08-18 11:06:38

2

这个元标记确实神奇了。它刷新页面每隔30秒后,你可以改变它太

元HTTP的当量=“刷新”内容=“30”

相关问题