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

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 函数中检查您的情况。

var siteRefreshButton = true

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

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

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

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

After click on button prevent reloading the page

javascript

button

refresh

intervals