單擊按鈕后阻止重新加載頁面

Question

所以，我的頁面會在 20 秒后自動重新加載：

window.setInterval('refresh()', 20000);     
function refresh() {
    window.location.reload();
}

所以我添加了一個按鈕和條件，如果它是真的，頁面將重新加載。

if(siteRefreshButton === true){
    window.setInterval('refresh()', 20000);     
function refresh() {
    window.location.reload();
}

function siteRefresh(){
    siteRefreshButton = !siteRefreshButton;
    console.log(siteRefreshButton);
}

我的猜測是，在刷新之后，另一個間隔開始，然后它可以檢查 siteRefreshButton 是真還是假。 知道如何讓它工作嗎？

Answer 1

您可以在refresh function 中檢查您的情況。

var siteRefreshButton = true

function refresh() {
  if (siteRefreshButton) {
    window.location.reload()
  }
}

function siteRefresh() {
  siteRefreshButton = !siteRefreshButton
  console.log(siteRefreshButton)
}

window.setInterval('refresh()', 20000)