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">

Answer 2

只需删除“;”如果使用其他语句或使用：

if(...){
    ...
} else {
    ...
}

Answer 3

if else块被错误地写入。 If-else块应如下所示：

if(condition){
//do something
} else {
// do something else
}

或者，您可以删除html并仅使用javascript播放mp3音频文件：

 var audio = new Audio("filename");
 function playpause(){
    if(audio.paused){
     audio.play();
    } else {
     audio.pause();
    }
 }

JavaScript .play（）和.pause（）无法正常运行

3 个答案: