点击按钮后防止重新加载页面

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

我的猜测是，刷新后，另一个间隔开始之前，它可以检查是否siterfreshbutton是真或假。知道我该怎么做吗?

Answer 1

您可以在refresh函数中检查您的条件。

var siteRefreshButton = true
function refresh() {
if (siteRefreshButton) {
window.location.reload()
}
}
function siteRefresh() {
siteRefreshButton = !siteRefreshButton
console.log(siteRefreshButton)
}
window.setInterval('refresh()', 20000)