$(function () ;
//1. 設定預設值
var defaults = ;
// 2.傳入的物件覆蓋預設物件
for (var key in options)
// 百分比換算成角度值
var deg = 360/100 * defaults.number;
// 2.計算動畫的時間
// 一度的時間
var onetime = defaults.time/360;
// 根據度數算總時間
var alltime = onetime * deg;
// 1獲取第乙個內聯樣式
var sheet = document.stylesheets[0];
// 如果角度大於180,則需要兩個圓都轉
if (deg > (180)) \n" +
" to \n" +
"}",sheet.cssrules.length);
// 插入rrotate動畫
sheet.insertrule ( "@keyframes rrotate\n" +
" to \n" +
"}",sheet.cssrules.length);
// 左邊動畫需要的時間 一度需要的時間乘左邊的度數
var ltime = onetime * (deg-180);
// 設定新增動畫
$(defaults.circlel).css();
$(defaults.circler).css();
} else \n" +
" to \n" +
"}",sheet.cssrules.length);
// 新增動畫 所有時間
$(defaults.circler).css();
}// 中間百分比文字的疊加
var count = 1;
var timer = setinterval(function ()
$(defaults.percentele).text(count + "%");
count += 1;
},3.6*onetime); // 一度的角度乘一度的時間
}});
});
封裝乙個進度條
1.首先定義乙個處理資料需要產生進度的介面和抽象類 1 namespace progress.core 26 posscesscompleted mposscesscompleted 7 thread mthread 8bool isstop 9void start 10 11public dele...
JQuery 寫乙個圓形動畫載入進度條
drawprocess 這個方法主要是畫圓的大小 上面所寫到的 setinterval addnum 90,100 20 分別指的是 1.這裡的三個引數分別是90 在90 處 2.100 圓的寬度 而標籤設定的高寬是不起作用的 3.20 2秒之後執行這個addnum方法 createlineargr...
圓形進度條
public class circleprogress extends view public int getmheight public void setmheight int mheight public int getmwidth public void setmwidth int mwidt...