ちらつき、のsetIntervalループ

Question

function startTimer(duration, activity) { 
    function countdown() { 
     if ((duration - 1) > 0) { 
     duration--; 
     $("#timer").html(convertNumbers(duration)) 
     } else { 
     if (activity === "session") { 
      startBreak(); 
     } else { 
      startSession(); 
     } 
     }  
    } 

    setInterval(countdown, 1000) 
} 

function startSession() { 
    var time = parseInt(($("#session_time").text()), 10); 
    startTimer(time * 60, "session"); 
    $("#activity").html("Session"); 
} 

function startBreak() { 
    var time = parseInt(($("#break_time").text()), 10); 
    startTimer(time * 60, "break"); 
    $("#activity").html("Break"); 
} 

で使用グリッチoccuringスタートボタン：

$("#start").click(function() { 
    startSession(); 
}); 

私は1秒でデクリメントする毎秒を実行するsetIntervalを使用してポモドーロ時計を作っています。 startSession（）関数は時間を取得し、durationが0のときにsetBreak（）を指すstartTimer（）関数を呼び出します。

startSessionとstartBreakの間で切り替えるのが理想的ですが、最初のカウントダウンの後に "#timer"で設定されたテキスト（時間の残り）でフリッカーと乱数を取得します。これは、startTimer（）がstartBreak（）を呼び出すときにIntervalを終了しないことと関係している可能性があります。

Answer 1

最初の間隔を決してクリアしないので、ブレークが発生すると2つの間隔が同時に実行されます。

setIntervalは、それを再び止めるためにclearInterval()に渡すことができる間隔のIDを返します。

var timer = setInterval(function() { 
    console.log('A second has passed!'); 
}, 1000}); 

setTimeout(function() { 
    clearInterval(timer); 
    console.log('Seconds no longer passes'); 
}, 10 * 1000); 

はsetIntervalや詳細については、clearIntervalのマニュアルを参照してください。