0

如何阻止计时器循环这里是代码示例：

<html>

  <body>
    <div><span id="time">05:00</span> minutes!
      <button onclick="start5Timer()">start</button>
      <button onclick="resetTimer()">reset</button>
    </div>
  </body>

  <script>
    let timerId;
    function startTimer(duration, display) {
      var timer = duration,
        minutes, seconds;
      timerId = setInterval(function() {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds;

        if (--timer < 0) {
          timer = duration;
        }
      }, 1000);
    }
    
     function resetTimer() {
          clearInterval(timerId);
          start5Timer();
        }

    function start5Timer() {
      var fiveMinutes = 60 * 5,
      display = document.querySelector('#time');
       startTimer(fiveMinutes, display);
    };

  </script>

</html>

这是代码的链接：https : //www.w3schools.com/code/tryit.asp?filename=GJQWAX7ZQK8B 它不是 js fiddle 它是 W3 学校的 tryit 编辑器

4

1 回答 1

0 
function stopTimer() {
  clearInterval(timerId);
}

start5Timer();里面resetTimer()正在重新启动你的计时器。

于 2020-10-16T03:40:49.523 回答