如何在点击时播放声音而不等待上一个声音完成播放？

Question

我点击按钮时听到声音。但我无法快速按下按钮来一遍又一遍地听到该声音，而是必须等到声音结束才能再次播放。如何让声音在播放时被新的咔嗒声打断，从头开始播放声音？

<script>
  function play(){
       var audio = document.getElementById("audio");
       audio.play();
                 }           
   </script>

<button onclick="play()">
     <audio id="audio" src="bell.ogg" ></audio> </button>
</body>

Answer 1

使用该currentTime属性，并将<audio>标签放在<button>

var audio = document.getElementById("audio");

function playSound() {
  audio.currentTime = 0;
  audio.play();
}

<button onclick="playSound()">Play!</button>
<audio id="audio" src="https://www.kozco.com/tech/piano2-CoolEdit.mp3"></audio>