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

Question

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

但是，我注意到这通常会停止工作。 我猜这可能是由于我添加到页面的 javascript/jQuery 干扰了插件。

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

Answer 1

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

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

Answer 3

这个元标记也有魔力。 它每 30 秒刷新一次页面，您也可以更改它。

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