javascript - 在 for 循环中等待按钮按下？

Question

我有 2 个音频文件，this.audio1 和 this.audio2。对于每次试验，用户应该选择两个文件是相同还是不同。所以，我想依次播放这两个音频文件，等待用户点击相同或不同的按钮，然后再进行下一次试用。这是我迄今为止播放音频文件的代码:

for (var i = 0; i < this.numTrials; i++){ 
   var audio1; // these are actually initialized, obviously, in my code
   var audio2; 
   var noRepeat = true;
   audio1.addEventListener('ended', function () {
       if (noRepeat) {
            audio2.play();
            noRepeat = false;
       }
   });
   audio2.addEventListener('ended', function () {
      game.audioComplete = true;
   });
   audio1.play();

   // here, I want to add code so it waits until a button is pressed before moving on

}

我在我的评论所在的地方尝试了一个事件监听器，但它不起作用(它只是一直循环)。有人对我可以用来“暂停”循环并等待按下按钮然后让它继续进行有什么建议吗？

谢谢!

Answer 1

类似这样的，这和@fixatd是一样的发表评论。

var globalPlayCount = 0;
...
function play() {
  if(globalPlayCount < this.numTrials) {
    globalPlayCount++:
    audio1.play();
  }
}
...

点击按钮时触发play()。只需确保两个事件监听器完好无损即可。