為什么我的音樂播放完,圖標并沒有停下來,監聽ended不成功,都沒進去
window.onload=function(){
var music=document.getElementById("music");
var audio=document.getElementsByTagName("audio")[0];//getElementsByTagName獲取標簽,是一個數組,這里就只有一個,所以是0
? ?//當音樂播放完成后,自動停止光盤旋轉效果,audio 是html5標簽? ended是audio的API,這邊添加一個監聽事件
audio.addEventListener("ended",function(event){
music.setAttribute("class","");
},false);
music.addEventListener("touchstart", function(event) {
// alert('899');
? ? ? ? if(audio.paused){
audio.play();
? // music.setAttribute('class',"play");
// this.style.animationPlayState="running";
this.style.webkitAnimationPlayState="running";
}else{
audio.pause();
? // music.setAttribute("class","");
// this.style.animationPlayState="paused";
this.style.webkitAnimationPlayState="paused";
}
? ? }, false);
};
2018-06-04
我的也是這樣子
2018-05-11
用你的代碼在我這里是可以的