jQuery Timer是一款jquery外掛程式,可以控制文檔元素的顯示方式,豐富的參數設定可以控制顯示的更多細節,是一款優秀的定時器外掛程式,使用非常方便,目前可支持大多數的定時業務需求。
基本介紹
- 外文名:jQuery Timer
- 定義:一款實用的jquery外掛程式
- 控制:文檔元素的顯示方式
- 參數設定:豐富的
當前版本,使用方法,頁頭引用相關JavaScript庫,使用jQuery Ready方法初始化外掛程式,創建頁面元素,參數說明,
當前版本
最新版本是 1.2 ,目前暫時僅提供打包(Packed)版本的下載與Demo下載。
使用方法
頁頭引用相關JavaScript庫
<scripttype="text/javascript"src="js/jquery-1.4.4.min.js"></script>
<scripttype="text/javascript"src="js/jquery.timer-.1.2.js"></script>
使用jQuery Ready方法初始化外掛程式
<script type="text/javascript">
$(function() {
var opts = {
isDate: true,
split_sign: ':'
};
// 有參調用
$("#ID值").timer("2011-12-1918:00", opts);
// 無參調用(最簡便的調用方式)
// $("#ID值").timer("2011-12-19");
});
</script>
創建頁面元素
<div id="ID值"></div>
參數說明
參數名 | 類型 | 默認值 | 說明 |
max_unit | string | null | 最大定時單位,如天(dd)、小時(hh) |
min_unit | string | 'second' | 最小定時單位,如秒(ss)、毫秒(ms) |
split_sign | string | ':' | 定義各顯示數字間的分隔設定 |
split_sign_array | Array | null | 定義各個顯示數字的單位名稱 |
default_sign | string | '-' | 計時基數無效或過期時,顯示的默認字元 |
isComplex | boolean | true | 是否增強顯示(即split_sign_array是否啟用) |
isRound | boolean | false | 各個計時數字是否對精度敏感;若是,則採用四捨五入方式計算數值 |
isDate | boolean | true | 倒計時基參數是否為Date類型 |
number_style | string | null | 各個顯示數字的style屬性 |
number_ref_style | string | null | 各個顯示數字的class屬性 |
container_style | string | null | 控制項容器的style屬性 |
container_ref_style | string | null | 控制項容器的class屬性 |
callback | function | function(){} | 回調函式:當定時器結束時,調用的函式 |