clearIntervalはif文で覚えていません。

Question

私はtimeオブジェクトを作成していますが、私のclearIntervalでは奇妙なことがありますが、実際は一般的な関数です。関連するコードは次のようになります。

var timer = { 
timerStarted: false, 

startTimer: function(){ 
    var howMuchTime = parseInt($('#timer-button-number').text()); 
    var timesUpAt = Date.now() + howMuchTime*60*1000; 
    var start = new Date().getTime(); 
    var milseccount = timesUpAt - start; 

    function sectimer(){ 
    var remaining = Math.floor(milseccount - (new Date().getTime() - 
    start)); 
    if (remaining <= 0) { 
     clearInterval(x); 
    } 
    var minutes = Math.floor((remaining % (1000*60*60))/(1000*60)); 
    var seconds = Math.floor((remaining % (1000*60))/1000); 
    //display results 
    $('#timer-button-number').text(minutes + 'm ' + seconds + 's'); 
    } 

    var x = null; 
    if (!timer.timerStarted) { 
    x = setInterval(sectimer, 100); 
    timer.timerStarted = true; 
    } else if (timer.timerStarted){ 
    clearInterval(x); 
    timer.timeStarted = false; 
    console.log(timer.timeStarted); 
    } 
} 

} 

ボタンをクリックすると、timer.timeStartedの値がtrueに切り替わります。しかし、ボタンが再びクリックされると、間隔はクリアされません。 timer.timeStartedはfalseに切り替わりますが、ボタンを再度クリックするとif文の第2部分が実行され続けます（clearInterval部分を除くすべて）。if文で間隔を再び開始する必要があるように指示されますたとえそれが実際に止まらなかったとしても）。助けてもらえますか？

Answer 1

あなたはそれが実行されるたびに、あなたの変数Xをゼロに...

は、このような最初にそれを移動してみてください：

x = null; 
var timer = { 
timerStarted: false, 

startTimer: function(){ 
var howMuchTime = parseInt($('#timer-button-number').text()); 
var timesUpAt = Date.now() + howMuchTime*60*1000; 
var start = new Date().getTime(); 
var milseccount = timesUpAt - start; 

function sectimer(){ 
var remaining = Math.floor(milseccount - (new Date().getTime() - 
start)); 
if (remaining <= 0) { 
    clearInterval(x); 
} 
var minutes = Math.floor((remaining % (1000*60*60))/(1000*60)); 
var seconds = Math.floor((remaining % (1000*60))/1000); 
//display results 
$('#timer-button-number').text(minutes + 'm ' + seconds + 's'); 
} 


if (!timer.timerStarted) { 
    x = setInterval(sectimer, 100); 
    timer.timerStarted = true; 
} else if (timer.timerStarted){ 
    clearInterval(x); 
    timer.timeStarted = false; 
    console.log(timer.timeStarted); 
} 
} 

}