张午
2018-03-06 10:06
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);
};
我的也是这样子
用你的代码在我这里是可以的
HTML5+CSS3实现春节贺卡
110034 学习 · 450 问题
相似问题