为什么我的音乐播放完,图标并没有停下来,监听ended不成功,都没进去

来源:3-10 移动端项目开发——交互(music停止)

张午

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);


};


写回答 关注

2回答

  • qq_独闭关中_0
    2018-06-04 00:28:56

    我的也是这样子

  • 幕布斯9570283
    2018-05-11 11:34:58

    用你的代码在我这里是可以的

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110057 学习 · 450 问题

查看课程

相似问题