HTML5 Canvas+js仿百度網盤掃描檔案過程載入動畫

這是一款簡單的HTML5 Canvas+js仿百度網盤掃描檔案流程載入動畫效果，網盤檔案掃描百分比載入動畫特效。

var w=document.body.clientWidth;
var h=document.body.clientHeight;
var canvas=document.createElement('canvas');
canvas.width=w;
canvas.height=h;
document.body.appendChild(canvas);
canvas.style.backgroundColor="#0073B3";
var context=canvas.getContext('2d');
 var Rot=0;
var R_init=0;
var timer=null;
var targent_R=Math.round(w/10);
setInterval( function(){

R_init=R_init+1;
if(R_init<targent_R+1)
{
Drawcilrcle(context,R_init);

  if(R_init===targent_R){
 setTimeout(function(){

clearInterval(timer);

timer= setInterval( function(){
Rot=Rot+1;
if(Rot<180)
{
Drawcilrcle(context,targent_R);
Drawmove(context,targent_R,Rot);
Drawmove_bottom(context,targent_R,Rot);
  Drawtext(context,Rot)
}
 
 else if(Rot===180){
Drawcilrcle(context,targent_R);
Drawfinsh(context,targent_R,360);
Drawtext(context,Rot);

}


},10);
},50);
}
}

 
},5);