單擊時播放Javascript音頻，然后單擊時停止

Question

當前代碼：

 <script> function play() { var audio = document.getElementById("audio"); audio.play(); } </script> <button class="matrixBtn" value="PLAY" onclick="play()">star shopping</button> <audio id="audio" src="xxx"></audio> 

當我按下按鈕時，音樂開始播放，這正是我想要的。 但是我也想如果我再次按下按鈕，音樂就停止了。 如何在不創建第二個按鈕的情況下執行此操作？

Answer 1

<audio>標簽是HTMLMediaElement ，因此它具有.paused屬性，您可以使用該屬性來確定當前狀態並采取相應措施：

function playPause() {
  var audio = document.getElementById("audio");
  if(audio.paused)audio.play();
  else audio.pause();
}