HTML5 Canvas+js imite l'animation de chargement du processus d'analyse de fichiers de disque réseau Baidu

Il s'agit d'un simple HTML5 Canvas + js imitant l'effet d'animation de chargement du processus d'analyse de fichiers Netdisk de Baidu, les effets spéciaux d'animation de chargement de pourcentage d'analyse de fichiers Netdisk.

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

R_init=R_init+1;
if(R_init{
Cercle de dessin(contexte,R_init);

si(R_init===targent_R){
setTimeout(fonction(){

clearInterval(minuterie);

timer= setInterval( function(){
Pourriture=Pourriture+1;
si(Rot<180)
{
Cercle de dessin(contexte,target_R);
Drawmove(contexte,target_R,Rot);
Drawmove_bottom(contexte,target_R,Rot);
Drawtext(contexte,Rot)
}

sinon si(Rot===180){
Cercle de dessin(contexte,target_R);
Drawfinsh(contexte,target_R,360);
Drawtext(contexte,Rot);

}


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


},5);