Как создать автоматическое обновление при нажатии флажка?

Question

Я хочу создать автоматическое обновление при установке флажка.Таймер обратного отсчета работает нормально, но все равно не повезло, когда я установил флажок

, это мой код.нужна помощь, чтобы просмотреть мой код

// COUNTDOWN METHOD.
window.setInterval(function() {
  counter--;
  if (counter >= 0) {
    var span;
    span = document.getElementById("cnt");
    span.innerHTML = counter;
  }
  if (counter === 0) {
    clearInterval(counter);
  }

}, 1000);

window.setInterval('refresh()', 10000);

// REFRESH OR RELOAD PAGE.
function refresh() {
  window.location.reload();
}

<input type="checkbox"> This page will reload in <span id="cnt" style="color:red;">30</span> Seconds

Answer 1

В html вызовите функцию, которая должна выполняться при выборе флажка

<input type="checkbox" id="myCheck" onclick="checkboxClicked()"> This page will reload in <span id="cnt" style="color:red;">30</span> Seconds

В функции javasccript запустите таймер и вызовите обновление через 30 секунд.

function checkboxClicked() {
//function gets called when the checkbox is clicked and the counter starts
let counter = 30
window.setInterval(function() {
    counter--;
    if (counter >= 0) {

        var span;
        span = document.getElementById("cnt");
        span.innerHTML = counter;
    }
    if (counter === 0) {

        clearInterval(counter);
    }
}, 1000);
window.setInterval('refresh()', 30000);
}

// REFRESH OR RELOAD PAGE. 
function refresh() {
  window.location.reload();
}

Answer 2

Добавить обработчик onclick:

<input type="checkbox" onclick="refresh()">