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

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

Carrie_IT

2016-03-28 11:07

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


写回答 关注

2回答

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

    他这真是粗心大意啊

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

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

    play写错了……

HTML5+CSS3实现春节贺卡

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

110034 学习 · 450 问题

查看课程

相似问题