为什么我的停止按钮在这个javascript音频播放器上不起作用?

为什么我的停止按钮在这个javascript音频播放器上不起作用?,javascript,audio,html5-audio,audio-streaming,Javascript,Audio,Html5 Audio,Audio Streaming,好的,大家好。我这里有一个简单的音频播放器,其中播放按钮和暂停按钮起作用,但停止按钮不起作用。既然暂停按钮起作用,我可以重复暂停功能,但将歌曲设置为0.00时重新开始,并将其用作我的停止按钮吗 <!DOCTYPE HTML> <html> <head> <title>Audio</title> </head> <body> <script> function play(){ var audio

好的,大家好。我这里有一个简单的音频播放器,其中播放按钮和暂停按钮起作用,但停止按钮不起作用。既然暂停按钮起作用,我可以重复暂停功能,但将歌曲设置为0.00时重新开始,并将其用作我的停止按钮吗

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

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

    function stop(){
   var audio = document.getElementById("audio");
   audio.stop();
             }

    function pause(){
   var audio = document.getElementById("audio");
   audio.pause();
             }



</script>

<input type="button" value="PLAY"  onclick="play()">

  <input type="button" value="STOP"  onclick="stop()">

  <input type="button" value="PAUSE"  onclick="pause()">


  <audio id="audio" src="i_am.mp3" ></audio>

  <audio id="audio" src="311.mp3" ></audio>

  <audio id="audio" src="thievery_corporation.mp3" ></audio>

  <audio id="audio" src="saxy.mp3" ></audio>

  <audio id="audio" src="silent_rider.mp3" ></audio>

 </body>
 </html>

音频
函数播放(){
var audio=document.getElementById(“音频”);
音频播放();
}
函数停止(){
var audio=document.getElementById(“音频”);
audio.stop();
}
函数暂停(){
var audio=document.getElementById(“音频”);
audio.pause();
}

在停止功能中,尝试暂停并设置当前时间:

function stop() {
  const audio = document.getElementById('audio');
  audio.pause();
  audio.currentTime = 0;
}

另请参见:

不存在
stop()
函数,是的,您可以这样做,在这种情况下,暂停和停止的功能大致相同。因为stop()不是函数,所以应该使用pause();