Блог

Я пытаюсь создать счетчик jQuery, используя setInterval (), идея заключается в том, что счетчик должен начать отсчет после нажатия кнопки, а затем должен остановиться сбросить значение до нуля, если нажата другая кнопка, этот процесс должен быть повторяемым, однако мой JS, похоже, не останавливает таймер, хотя мой набор переменных отображается false . Таймер должен засчитываться, только если это true .

 $('.start').click(function() {
      timer(true)
    })

    $('.stop').click(function() {
      timer(false)
    })

    let timerShouldCount = false

    function timer(timerStatus) {
      timerShouldCount = timerStatus
      if (timerShouldCount == true ) {
        setInterval(function(){
          console.log('counting');
        }, 1000);
      }
    }  

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="start" type="button">Start</button>
        <button class="stop" type="button">Stop</button>  

Обновить

 $('.js_ask-later').click(function() {
        timer(true)
      })
      $('.js_close-modal').click(function() {
        timer(false)
      })

      let registerTimer
      let timerShouldCount = false

      function timer(timerStatus) {
        timerShouldCount = timerStatus
        if (timerShouldCount == true) {
          $('#login-modal').on('hidden.bs.modal', function (e) {
            registerTimer = setInterval(function(){
              $('#login-modal').modal('show')
            }, 5000)
          })
        } else {
          clearInterval(registerTimer)
        }
      }
  

Вы ни в какой момент не очищаете интервал. Для этого вам нужна ссылка на созданный интервал.

 let my_int;

function timer(timerStatus) {
    timerShouldCount = timerStatus
    if (timerShouldCount == true ) {
        my_int = setInterval(function(){
            console.log('counting');
        }, 1000);
    } else
        clearInterval(my_int);
}
  

[ПРАВИТЬ]

Исходя из приведенных ниже комментариев, очевидно, что на самом деле у вас нет таймера, только интервал. Нам нужна переменная для таймера.

 let my_int, timer = 0;

function timer(timerStatus) {
    timerShouldCount = timerStatus
    if (timerShouldCount == true ) {
        my_int = setInterval(function(){
            timer  ; //<-- increment
            console.log('counting');
        }, 1000);
    } else {
        clearInterval(my_int);
        timer = 0; //<-- reset to 0
    }
}
  

Что вы будете делать с этим таймером, т. Е. где вы его показываете в DOM, зависит от вас, но вы можете, по крайней мере, увидеть, как мы увеличиваем его и сбрасываем на 0.