current location: Home > Download > JS effects > jQuery effects > HTML5 Canvas+js imitates Baidu network disk scanning file process loading animation
HTML5 Canvas+js imitates Baidu network disk scanning file process loading animation
Classify: JS effects / jQuery effects | Release time: 2018-02-23 | visits: 1682 |
Download: 17 |
Latest Downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 HoursReading Leaderboard
- 1 How to Handle JSON Requests with \"application/JSON\" Content Type in PHP?
- 2 How to Handle JSON Requests in PHP?
- 3 How to Handle JSON Requests Correctly in PHP
- 4 How to Properly Handle JSON Requests in PHP
- 5 How to Print Exceptions in Python for Effective Error Handling
- 6 How to Print Exception Messages in Python
- 7 Cardano (ADA) Market Resurgence: Vasil Hard Fork, Institutional Interest, and Casino Platform Adoption Drive Price Increase
- 8 How to Dynamically Set HTML5 Required Attribute Using Javascript
- 9 How to Create and Test a React Query Hook for Global Loading Indicators
- 10 Billy Markus, the Creator of Dogecoin, Has Had an Interesting Year Despite Selling All His DOGE in 2015
- 11 How to Print Exceptions for Debugging in Python?
- 12 How to Set the Required Field Attribute Dynamically with Javascript?
- 13 Rare £2 coin featuring two errors could be worth thousands - how to spot it
- 14 Mastering Version Management in Node.js
- 15 How Can I Set the HTML5 Required Attribute Dynamically Using JavaScript?
Latest Tutorials
-
- Go language practical GraphQL
- 1871 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 3283 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 1718 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 2527 2024-03-29
This is a simple HTML5 Canvas+js imitating Baidu Netdisk file scanning process loading animation effect, netdisk file scanning percentage loading animation special effects.
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 target_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);