每 30 秒自動刷新頁面

Question

我有一個 JSP 頁面，它必須顯示正在運行的各種作業的狀態。 其中一些作業需要時間，因此它們的狀態從處理變為完成需要一段時間。

擁有一個每隔 30 秒左右刷新一次頁面的 javascript 函數是個好主意嗎？ 擁有不斷刷新頁面的腳本是否有任何后果？

另一種選擇是有一個刷新按鈕，點擊它會刷新頁面。

Answer 1

對此有多種解決方案。 如果您希望刷新頁面，您實際上不需要 JavaScript，如果您在head標記中添加此meta標記，瀏覽器可以為您完成。

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

然后瀏覽器將每 30 秒刷新一次頁面。

如果你真的想用 JavaScript 來做，那么你可以在setTimeout()使用Location.reload() ( docs ) 每 30 秒刷新一次頁面：

window.setTimeout(function () {
  window.location.reload();
}, 30000);

如果您不需要刷新整個頁面而只需要刷新其中的一部分，我想 AJAX 調用將是最有效的方式。

Answer 2

只需在head部分簡單的一行代碼就可以刷新頁面

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

雖然它不是一個 javascript 函數，但它是有希望地完成上述任務的最簡單方法。

Answer 3

使用setInterval而不是setTimeout 。 盡管在這種情況下兩者都可以，但setTimeout僅在setInterval無限期繼續時固有地觸發。

<script language="javascript">
setInterval(function(){
   window.location.reload(1);
}, 30000);
</script>

Answer 4

如果你想刷新頁面你可以這樣使用，但刷新頁面通常不是最好的方法，最好嘗試只更新你需要更新的內容。

javascript:

<script language="javascript">
setTimeout(function(){
   window.location.reload(1);
}, 30000);
</script>