单击按钮后阻止重新加载页面

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)