如何使用javascript每隔X秒刷新一次浏览器？

Question

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

然而,我注意到这通常会停止工作.我猜这可能是由于javascript/jQuery我已经添加到页面干扰插件.

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

Answer 1

刷新页面最简单,最骇客的解决方案是将其添加到头部:

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

每隔30秒刷新一次.

您可以通过执行以下操作与Javascript类似:

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

注意:有几种方法可以在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");
}

Answer 2

setTimeout("location.reload(true);", timeoutPeriod);