主页 / 问题 / 1445665
Accepted
user503400
Asked:2022-09-04 22:15:33 +0000 UTC2022-09-04 22:15:33 +0000 UTC

如何在 JS 中播放音频之前阻止函数执行？

  • 772

有你点击的图片和某种声音消失。正音和负音。当您点击图片时，会执行声音播放事件，但只要您点击下一步。图片播放有声音，而之前的声音并没有完全丢失。并播放两种声音，彼此变得更好。如何使其首先播放完全结束，并且在播放声音期间，进一步点击图片将不起作用，仅在播放结束时。对不起，如果我解释得不好。

let imagesCollect = document.querySelectorAll(".cont");
imagesCollect.forEach((i) => {
  let imagesItem = this.document.querySelectorAll("img");
  imagesItem.forEach((i, index) => {
    i.addEventListener("click", (e) => {
      if ((e.target.id = `${index + 1}` > 3)) {
        sound();
      }
    });
  });
});

function sound() {
  let aud = new Audio();
  aud.src = "__kirbydx__wah-wah-sad-trombone.mp3";
  aud.play();
}

javascript

0 个回答

  1. Best Answer

    您可以添加一个标志isWork = true以指示该函数已运行，并在音频上放置一个侦听器。当音频结束时，将触发一个函数来设置isWork = false. 示例代码：

    let isWork = false;

function play() {
    if (!isWork) return;
    isWork = true;
    ...play
}

let aud = document.getElementById("myAudio");
aud.onended = function() {
    isWork = false;
    alert("The audio has ended");
};
    • 1

相关问题