js制作簡單的音樂播放器的示例代碼

 play1=document.getElementById("play1");
 play2=document.getElementById("play2");
 play3=document.getElementById("play3");
 play=[play1,play2,play3];

 functionrotate(){
  vardeg=0;
  flag=1;
  timer=setInterval(function(){
  image.style.transform="rotate("+deg+"deg)";
  deg+=5;
  if(deg>360){
  deg=0;
  }
  },30);
 }

 functionimagePause(){
  clearInterval(timer);
  flag=0;
 }

 functionjindutiao(){
  //獲取當前歌曲的歌長
  varlenth=play[index].duration;
  timer1=setInterval(function(){
  cur=play[index].currentTime;//獲取當前的播放時間
  fillbar.style.width=""+parseFloat(cur/lenth)*300+"px";
  },50)
 }

function reducejindutiao(){
  clearInterval(timer1);
  fillbar.style.width="0";
 }

function addtime(){
  timer2=setInterval(function(){
  cur=parseInt(play[index].currentTime);//秒數(shù)
  vartemp=cur;
  minute=parseInt(temp/60);
  if(cur%60<10){
  time.innerHTML=""+minute+":0"+cur%60+"";
  }else{
  time.innerHTML=""+minute+":"+cur%60+"";
  }
  },1000);
 }

 function adjust(e){
  var bar=e.target;
  var x=e.offsetX;
  varlenth=play[index].duration;
  fillbar.style.width=x+"px";
  play[index].currentTime=""+parseInt(x*lenth/300)+"";
  play[index].play();
 }

function changeVolume(e){
  var x=e.offsetX+20;
  play[index].volume=parseFloat(x/200)*1;
  //改變按鈕的位置
  volume3.style.left=""+x+"px";
 }

functionshunxu(e){
  var img=e.target;
  img1.style.border="";
  img.style.border="1pxsolid red";
  clearInterval(suijiplay);
  shunxuplay=setInterval(function(){
  if(play[index].ended){
  add();
  }
  },1000);
 }