javascript - JS - 每次点击后播放不同的声音

Question

我有一个链接，我希望该链接在每次单击时播放不同的声音。当我单击链接时，它会同时播放两种声音，但我一次想要一种声音

var bleep = new Audio('hello.mp3') ;
bleep.src = "hello.mp3" ; 

var bleep2 = new Audio('goodbye.mp3') ;
bleep2.src = "goodbye.mp3"; 



    <a href="#" onclick="bleep.play('hello.mp3'); bleep2.play('goodbye.mp3');">Home</a>

Answer 1

您应该用它创建一个函数来检查上次单击的是哪个声音。此外，您不需要设置 .src 属性或将字符串传递给 the play method .

JS:

var bleep = new Audio('hello.mp3');

var bleep2 = new Audio('goodbye.mp3');

var playFirst = true;
function playSound() {
  if (playFirst) {
    bleep.play();
  } else {
    bleep2.play();
  }
  playFirst = !playFirst;
}

HTML:

<a href="#" onclick="playSound()">Home</a>