javascript - JavaScript .play()和.pause()无法正常工作

Question

我是JavaScript的新手，无法使用.play()和.pause()函数。我已经在网上查询了此内容，但找不到很多答案，但确实出现的答案似乎无济于事。

的HTML

<audio src="audiofile.mp3" id="audio" preload="auto" loop></audio>
<img id="bttn" onclick="playpause();" src="funbutton.gif">

的JavaScript

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

我这样做的原因是，我不必使用浏览器的默认控件，而只需要播放和暂停功能，因为它是用户可以选择放置的循环背景音轨。

提前致谢!

Answer 1

您的JS逻辑语法不正确。这是您编写if / else的方法:

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

function playpause() {
  if (audio.paused) {
    audio.play();
  } else {
    audio.pause();
  }
}

<audio src="audiofile.mp3" id="audio" preload="auto" loop></audio>
<img id="bttn" onclick="playpause();" src="funbutton.gif">