javascript - 创建多个元素以防止剪切

Question

如果我通过按钮触发HTML5元素以使其播放，则我遇到的问题是，当再次按下该按钮时，该示例将不会再次播放(因为它已经在播放)。

如果我使用:n.pause()
n.currentTime = 0
n.play()
它会被切掉也不是很好。

是否有一种简单的方法(我是个初学者)来创建一个新的音频元素并在结束后销毁它，或者甚至是我可能无法想到的另一种可能的atm？

Answer 1

我建议您从HTML中删除所有现有的音频元素，以便只使用Javascript。

每次用户单击您的按钮

<button onclick="playSound();">click me</button>

创建一个新的Audio对象实例。

function playSound() {
    var n = new Audio("example.mp3");
    n.play();
}