问答详情
源自:3-10 移动端项目开发——交互(music停止)

老师,我的点击音乐暂停再次点击的时候,光盘不继续转动,帮忙看下怎么回事,谢谢

window.onload = function(){
	var music = document.getElementById('music');
	var audio = document.getElementsByTagName('audio')[0];
	
	//当音乐播放完停止的时候,自动停止光盘旋转效果
	audio.addEventListener("ended",function(event){
		music.setAttribute("class","");
	},false);
	
	
	//点击音乐图标,控制音乐播放效果
	//music.onclick = function(){
//		if(audio.paused){
//			audio.play();
//			//this.setAttribute("class","paly");
//			this.style.animationPlayState = "running";
//			this.style.webkitAnimationPlayState = "running";
//		}else{
//			audio.pause();	
//			//this.setAttribute("class","");
//			this.style.animationPlayState = "paused";
//			this.style.webkitAnimationPlayState = "paused";
//		};
//	};
	
	
	music.addEventListener("touchstart",function(event){
		if(audio.paused){
			audio.play();
			this.setAttribute("class","paly");
			
		}else{
			audio.pause();	
			this.setAttribute("class","");
			
		};
	},false)
};


提问者:Carrie_IT 2016-03-28 11:07

个回答

  • _输过败过却不曾怕过3527754
    2018-02-04 13:22:41

    他这真是粗心大意啊

  • fluteonline
    2016-03-28 18:51:11

    this.setAttribute("class","paly");

    play写错了……