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

Question

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

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

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

Answer 1

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

<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");
}

Answer 2

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

Answer 3

这个元标记也很神奇。它会在每30秒后刷新页面，您也可以更改它

meta http-equiv =“refresh”content =“30”