前端实现序列帧_Html5 序列帧动画

物联网金融

}html, body{height:100%;width:100%;

}canvas{display:block;

}

Your browser does not support the audio element.

Your browser does not support the audio element.

Your browser does not support the canvas element!

varcanvas;//画布

varSceneSwitch= 1;//动画选择

varFrameSecond= 60;//更新时间(毫秒)

varAnimController;//动画控制

//定义5个动画

varAnim1,Anim2,Anim3,Anim4,Anim5;//动画控制函数

functionController(){switch(SceneSwitch){case 1:

Anim3.Draw();break;case 2:

Anim3.Draw();

Anim1.Draw();break;case 3:

Anim3.Draw();

Anim1.Draw();

Anim2.Draw();break;case 4:

Anim1.Draw();

Anim2.Draw();

Anim3.Draw();

Anim4.Draw();break;default:

Anim5.Draw();break;

}//不断刷新

AnimController=setTimeout("Controller()",FrameSecond);

}</