封裝乙個圓形進度條jQuery外掛程式

2021-09-10 18:54:21 字數 1189 閱讀 2827

$(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...