Javascript 结束onmousedown事件(onmouseup?)
我使用onmousedown事件创建了一个按钮,单击该按钮时会循环播放音频曲目。我试图在单击同一按钮时结束音频循环。我试过一次onmouseup活动,但运气不好,有什么想法吗?(我是JavaScript新手)Javascript 结束onmousedown事件(onmouseup?),javascript,loops,audio,onmousedown,onmouseup,Javascript,Loops,Audio,Onmousedown,Onmouseup,我使用onmousedown事件创建了一个按钮,单击该按钮时会循环播放音频曲目。我试图在单击同一按钮时结束音频循环。我试过一次onmouseup活动,但运气不好,有什么想法吗?(我是JavaScript新手) var one=新音频();one.src=“files/audio/one.wav”;1.loop=true; 尝试使用var跟踪您的点击,并且只监听点击事件: JS var one = new Audio(); one.src = "files/audio/one.wav"; on
var one=新音频();one.src=“files/audio/one.wav”;1.loop=true;
尝试使用var
跟踪您的点击,并且只监听点击事件:
JS
var one = new Audio();
one.src = "files/audio/one.wav";
one.loop = true;
var isPlaying = false;
function manage(){
if(isPlaying){
one.pause();
one.currentTime = 0;
isPlaying = false;
}
else{
one.play();
isPlaying = true;
}
}
HTML
<img class="item" src="files/button.png" onclick="manage()"/>
尝试将one.stop()
更改为one.pause()
,音频没有.stop()
方法。仅供参考,onmouseup
不是在第二次点击时触发的,而是在释放当前点击时触发的。效果很好,谢谢!现在我只是想弄清楚如何在再次单击时重新启动音频文件,而不是从它的上一点开始。我尝试了audio.currentTime=0
,但它似乎不起作用,可能是我用错了。您需要使用one.currentTime=0代码>。我在回答中编辑了它。
<img class="item" src="files/button.png" onclick="manage()"/>