clearInterval() не работает

Question

Длительность сеанса - это время начала таймера, по умолчанию - 25. isEven используется для запуска/остановки таймера, если isEven является ложным, таймер должен начинаться, если он нечетный, он должен ударить clearInterval , который по какой-то причине не останавливает выполнение функции tick() (которая отсчитывает таймер).

var count = 0; 

function countdown(sessionLength) { 
    var minutes = sessionLength - 1; 
    var seconds = 60; 
    var isEven = false; 
    count++; 

    if (count % 2 == 0) { 
    isEven = true; 
    } else { 
    isEven = false; 
    } 

    var myVar = setInterval(tick, 1000); 

    if (isEven == false) { 
    function tick() { 
     if (seconds > 0) { 
     seconds--; 
     } else { 
     minutes--; 
     seconds = 59; 
     } 

     if (minutes > 0) { 
     document.getElementById("time").innerHTML = 
      minutes.toString() + ":" + (seconds < 10 ? "0" : "") + seconds.toString(); 
     } else { 
     document.getElementById("time").innerHTML = 
      "0:" + (seconds < 10 ? "0" : "") + seconds.toString(); 
     } 
    } 
    } else { 
    console.log("reached"); 
    clearInterval(myVar); 
    } 
}; 

Answer 1

Переместить декларацию tick() функции за пределами блока if

Answer 2

setInterval переменная является локальной. Поэтому его значение перезаписывается каждый раз, когда вы звоните countdown

. Решение будет инициализировать myVar вне функции countdown или сделать его глобальной переменной, как это:
window.myVar =setInterval (tick,1000);

Вы должны также поместить эту команду в первом if блоке, так что он не перезаписывается каждый раз

var count = 0; 
function countdown(sessionLength) { 
var minutes = sessionLength - 1; 
var seconds = 60; 
var isEven = false; 
count++; 
if (count % 2 == 0) { 
    isEven = true; 
} else { 
    isEven = false; 
} 
if (isEven == false) { 
    window.myVar = setInterval(tick, 1000); 
    function tick() { 
     if (seconds > 0) { 
      seconds--; 
     } else { 
      minutes--; seconds = 59; 
     } 
     if (minutes > 0) { 
     document.getElementById("time").innerHTML = minutes.toString() + ":" + (seconds < 10 ? "0" : "") + seconds.toString(); 
    } else { 
      document.getElementById("time").innerHTML = "0:" + (seconds < 10 ? "0" : "") + seconds.toString(); 
    } 
    } 
} else { 
    console.log("reached"); 
    if (window.myVar){ 
      clearInterval(window.myVar); 
      window.myVar = null; 
     } 
} 
};