javascript - 使用onclick在同一图像上播放和暂停

Question

当我单击img(onclick)时，以下脚本正在播放声音文件。如何通过单击相同的img来暂停它？我已经尝试过audio.pause()，但是它不起作用。

function play(){
var audio = document.getElementById("myaudio"); 
audio.style.display="block";
audio.play();
}

<a href="#" onclick="play()"><img src="Bilder/play2.png"></a>

Answer 1

例如，您应该将函数重命名为audioHandler()，它将处理是播放还是暂停音频。

创建一个 bool(boolean) 值以记住音频是播放还是暂停。

//initial status: audio is not playing
var status = false;
var audio = document.getElementById("myaudio");

function audioHandler(){
  if(status == false || audio.paused){
    audio.play();
    status = true;
  }else{
    audio.pause();
    status = false;
  }
}