jQuery Timer

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(){}
回調函式:當定時器結束時,調用的函式

相關詞條

熱門詞條

聯絡我們