javascript - 计时器停止运行而没有调用 clearInterval

Question

我写了一个程序来生成音符并按顺序播放它们。但是，我有一个主定时器（这里是 myTimer），它运行一个调用另一个定时器（timerForIndividualNotes）的函数。myTimer 运行一次后， timerForIndividualNotes 运行一次，然后在一轮后停止。有什么理由吗？

这是第一个功能

function runTimer(){
var button = document.getElementById("submitButton"); 
if(button.innerHTML === "Shoot!"){
    var intervalTime = document.getElementById("intervalTime");
    intervalTime = intervalTime.value*1000;
    myTimer = setInterval(runMusicGenerator(intervalTime),intervalTime); // This calls the second function with another timer
    let otherTimer = setInterval(function(){
        console.log("Just testing");
    },1000);
    console.log("Interval ID->"+ myTimer);
    button.style.backgroundColor = "firebrick";
    button.innerHTML = "Stop!";
}
else{
    button.style.backgroundColor = "#28a745";
    button.innerHTML = "Shoot!"
    clearInterval(myTimer);
}
}

这是被调用的函数

function runMusicGenerator(totalIntervalTime){
var inputNum = document.getElementById("inputNum");
var instrument = document.getElementById("selector").value;
var placeToDisplayNotes = document.getElementById("notesItself");
numOfNotes = inputNum.value;

var notes = 
["A","A#",
"B",
"C","C#",
"D","D#",
"E",
"F","F#",
"G","G#"];

var notesOnScreen=[];
var randomnumber;
for (var i=0;i<numOfNotes;i++){
    randomnumber = Math.floor(Math.random() * 12);
    notesOnScreen.push(notes[randomnumber]);
}
console.log(notesOnScreen);
instrumentPlaying = Synth.createInstrument(instrument);
console.log(timeForEachNote);
var i=0,timeForEachNote = totalIntervalTime/notesOnScreen.length;
timerForIndividualNotes = setInterval(function(){ // After executing this once, the timers just stop
    instrumentPlaying.play(notesOnScreen[i],4,2);
    if (i++ >= notesOnScreen.length - 1)
      clearInterval(timerForIndividualNotes);
    }, timeForEachNote);
placeToDisplayNotes.innerHTML = notesOnScreen.join(" ");
}

Answer 1

当你将它传递给 时，你只调用runMusicGenerator一次setInterval。 setInterval期望您不提供的回调。

尝试：

myTimer = setInterval(function() {
  runMusicGenerator(intervalTime);
},intervalTime);