在这首随机歌曲的末尾，用另一首重新开始

Question

我创建了一个脚本，播放一首随机的歌曲，但当歌曲结束时，显然它就会停止。我真的不知道如何在歌曲的结尾播放另一个随机的声音。

function getRandomSounds() {
        var sounds = new Array();
        sounds[0]="ms1/7_58_LEFT.mp3";
        sounds[1]="ms1/6_15.mp3";
        sounds[2]="ms1/7_58_RIGHT.mp3";
        var randomNum = Math.floor(Math.random()*sounds.length);
        document.getElementById("myaudio").src=sounds[randomNum];
        
         }
        getRandomSounds();

Answer 1

也许有更简单的方法来实现这一点，但在您已有的代码片段之上构建，我会：

function getRandomSounds() {
  var sounds = new Array();
  sounds[0] = "ms1/7_58_LEFT.mp3";
  sounds[1] = "ms1/6_15.mp3";
  sounds[2] = "ms1/7_58_RIGHT.mp3";
  var randomNum = Math.floor(Math.random() * sounds.length);
  document.getElementById("myaudio").src = sounds[randomNum];

}

getRandomSounds();

document.getElementById("myaudio").addEventListener('ended', (event) => {
  getRandomSounds();
});

Answer 2

您需要使用Web API而不是设置参考值！

使用Element.setAttribute()，它将搜索DOM树。

如果属性已经存在，那么浏览器将更改DOM树节点属性！

我尝试了两种方法来更改DOM树节点属性，您可以查看我在JSBin上的示例，打开开发工具(F12)，因为您可以看到使用setAttribute方法更改src属性是成功的。

var foo = document.getElementById('foo');

console.log(foo.src)
foo.src = "ms1/7_58_LEFT.mp3"
console.log(foo.src)
      
foo.setAttribute('src', '"ms1/7_58_LEFT.mp3');

这是MDN文档，希望能对您有所帮助:)

https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute