jquery插件jquery倒計(jì)時(shí)插件分享
更新時(shí)間:2013年12月27日 09:20:00 作者:
jquery倒計(jì)時(shí)插件分享,大家參考使用吧
復(fù)制代碼 代碼如下:
$(document).ready(function () {
/* 延遲函數(shù) */
jQuery.fn.delay = function (time, func) {
return this.each(function () {
setTimeout(func, time);
});
};
jQuery.fn.countDown = function (settings, to) {
settings = jQuery.extend({
startFontSize: '36px',
endFontSize: '12px',
duration: 1000,
startNumber: 10,
endNumber: 0,
callBack: function () { }
}, settings);
return this.each(function () {
if (!to && to != settings.endNumber) { to = settings.startNumber; }
//設(shè)定倒計(jì)時(shí)開始的號碼
$(this).text(to).css('fontSize', settings.startFontSize);
//頁面動畫
$(this).animate({
'fontSize': settings.endFontSize
}, settings.duration, '', function () {
if (to > settings.endNumber + 1) {
$(this).css('fontSize', settings.startFontSize).text(to - 1).countDown(settings, to - 1);
}
else {
settings.callBack(this);
}
});
});
};
//使用
$('#countdown').countDown({
startNumber: 10,
callBack: function (me) {
$(me).text('All done! This is where you give the reward!').css('color', '#090');
}
});
});
您可能感興趣的文章:
- 基于jQuery的倒計(jì)時(shí)插件代碼
- 整理8個很棒的 jQuery 倒計(jì)時(shí)插件和教程
- jquery 倒計(jì)時(shí)效果實(shí)現(xiàn)秒殺思路
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)的例子
- Jquery倒計(jì)時(shí)源碼分享
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
- JQuery仿小米手機(jī)搶購頁面倒計(jì)時(shí)效果
- 利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件
- 基于jQuery倒計(jì)時(shí)插件實(shí)現(xiàn)團(tuán)購秒殺效果
相關(guān)文章
jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
下面小編就為大家?guī)硪黄猨query <li>標(biāo)簽 隔若干行加空白或者加虛線的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播焦點(diǎn)圖插件,具有一定的參考價(jià)值,代碼很詳細(xì),感興趣的小伙伴們可以參考一下2016-03-03jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)每隔幾條元素增加1條線的方法,可實(shí)現(xiàn)每隔10條li元素增加一條虛線的功能,涉及jQuery元素的匹配與屬性動態(tài)設(shè)置技巧,需要的朋友可以參考下2016-06-06jQuery實(shí)現(xiàn)仿微軟首頁感應(yīng)鼠標(biāo)變化滑動窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿微軟首頁感應(yīng)鼠標(biāo)變化滑動窗口效果,基于jQuery響應(yīng)鼠標(biāo)事件簡單實(shí)現(xiàn)動畫效果,非常簡單實(shí)用,需要的朋友可以參考下2015-10-10選擇TreeView控件的樹狀數(shù)據(jù)節(jié)點(diǎn)的JS方法(jquery)
前些日子為了提高人性化選擇樹狀權(quán)限的功能,根據(jù)樹的結(jié)構(gòu)用jquery寫了個方法。2010-02-02