如何重新启动已设置间隔的倒数计时器？Javascript

Question

http://jsfiddle.net/Xotic750/wwg8H/function startTimer(m, s) {    timer.textContent = m + ":" + s;    if (s == 0) {        if (m == 0) {            return;        } else if (m != 0) {            m = m - 1;            s = 60;        }    }        s = s - 1;    id = setTimeout(function () {        startTimer(m, s)    }, 1000);}参考上面的链接，当你点击一次开始时，它从5:00开始正常倒计时。但是，当你按两次开始按钮时，倒计时不正常？我可以知道如何解决这个问题吗？谢谢。如果可能，请提供codepen demo。谢谢

Answer 1

当有人再次点击开始按钮时清除以前的计时器。

start.addEventListener("click", function () {

   clearTimeout(id);

    startTimer(5, 0);

}, false);

签出更新的小提琴： http://jsfiddle.net/Lthvxeda/1/

Answer 2

在执行计时器之前，您应该在单击时清除计时器。

补充笔记：

我建议使用不同的条件，这样嵌套更少，可读性更高。

请注意，您的程序中存在一个错误，您应该将秒数重置为 59，而不是 60——因为秒数已经过去了。

这是一个简单的例子：

let timerId;

function renderCountDownTimer(minutes, seconds) {

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

  if(seconds==0 && minutes==0) {

    return;

  }

  if(seconds == 0){

    minutes--;

    seconds = 59;

  } else {

    seconds--;

  }

  timerId = setTimeout(() => {

    renderCountDownTimer(minutes,seconds)

  },1000)

}

start.addEventListener("click", function () {

    clearTimeout(timerId)

    renderCountDownTimer(5, 0);

}, false);

添加了小提琴： https: //jsfiddle.net/fqdhaxz7/1/

Answer 3

setInterval在设置新的之前你需要清除以前的，使用clearInterval(id).