函数只在for循环中执行一次

Question

我有一个函数可以启动一个可以暂停的计时器。现在我想要几个计时器一个接一个地运行，为此我决定使用 for 循环。

但是，当我在循环内调用函数时，即使循环执行 n（在本例中为 5）次，该函数也只执行一次，而 console.log 则按预期执行 5 次。我在这里做错了什么？

var timer = null;

const resetTimer = () => { 
  clearInterval(timer);
  timer = null;
}

function trigger (startTime, endTime, sets){
  for (let i = 0; i < sets; i++){
    myTimer(startTime, endTime, sets);
    console.log("1")
  }
}


function myTimer (startTime, endTime, sets){
        if (!timer) {
            timer = setInterval(function() { 
                display.innerHTML = hhmmss(++startTime);
                if (startTime >= endTime) {
                  resetTimer();
                }
            }, 1000);
        }
}

Answer 1

你的函数每次都会被调用，但在第一次调用之后的所有调用中，if (!timer) 都是假的，所以它什么都不做。

如果您需要多个计时器，则需要多个位置来存储计时器句柄。例如，在myTimer 内的本地：

// No global `timer`

// Accept the timer to clear (no real reason for this function if all it does is `clearInterval`)
const resetTimer = (timer) => { 
    clearInterval(timer);
};

function trigger (startTime, endTime, sets){
    for (let i = 0; i < sets; i++){
        myTimer(startTime, endTime, sets);
    }
}

function myTimer(startTime, endTime, sets) {
    // There's a different `timer` for each call to `myTimer`
    const timer = setInterval(function() { 
        display.innerHTML = hhmmss(++startTime);
        if (startTime >= endTime) {
            // Pass this timer's `timer` to `resetTimer`
            resetTimer(timer);
        }
    }, 1000);
}

Answer 2

你已经使用了if (!timer) {，所以在第一次迭代中它会为定时器分配一些东西，之后if里面的任何东西都不会再次执行。