javascript - 为什么提示后会执行音频？

Question

function myTimer() {
    randint= Math.floor(Math.random() * 10)+1;
    randstimuli=gorilla.stimuliURL(dict[randint]);
    var audio = new Audio(randstimuli);
    audio.play();
    var start=Date.now();
    var ans=prompt("was the last number the same as the one two steps ago");
    console.log(Date.now()-start);
}

我有一个功能，可以播放声音并通过提示询问用户问题。当我运行该函数时，即使音频在代码中的提示之前，声音也会在回答提示后立即播放。由于 Javascript 的单线程性质，由于音频长度的假设，我假设音频是异步运行的。

我的音频很短，仅包含一个单词。我希望它们在提示打开之前完成。

Answer 1

您可以监听audio的onending事件并在回调中执行操作。

示例:

function myTimer() {
   randint = Math.floor(Math.random() * 10) + 1;
   randstimuli = gorilla.stimuliURL(dict[randint]);
   var audio = new Audio(randstimuli);
   audio.play();
   audio.onended = function () {
      var start = Date.now();
      var ans = prompt("was the last number the same as the one two steps ago");
      console.log(Date.now() - start);
   }

}