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() {
    //where do we start?
    if(!to && to != settings.endNumber) { to = settings.startNumber; }
    //set the countdown to the starting number
    $(this).text(to).css('fontSize',settings.startFontSize);
    //loopage
    $(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);
      }
    });
  });
};
/* sample usage
//調(diào)用方法
//
$('#countdown').countDown({
  startNumber: 10,
  callBack: function(me) {
    $(me).text('倒計時加載完畢').css('color','#090');
  }
});

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery日期與時間操作技巧總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery處理json與ajax返回JSON實例代碼
json數(shù)據(jù)是一種經(jīng)型的實時數(shù)據(jù)交互的數(shù)據(jù)存儲方法，使用到最多的應(yīng)該是ajax與json配合使用了，下面我來給大家介紹jquery處理json數(shù)據(jù)方法
2014-01-01
自己動手開發(fā)jQuery插件教程
首先要了解jQuery插件開發(fā)分兩種，1.類級別的插件開發(fā)。2.對象級別插件開發(fā)。什么? 你居然問什么是類級別和什么是對象級別?
2011-08-08
Jquery性能優(yōu)化詳解
尋尋覓覓，覓覓尋尋終于找到了一些關(guān)于jquery性能優(yōu)化的文章，果斷收藏當(dāng)然不能忘了加上自己的一些總結(jié)及理解。
2014-05-05
jQuery控制div實現(xiàn)隨滾動條滾動效果
這篇文章主要介紹了jQuery控制div實現(xiàn)隨滾動條滾動效果,對比分析了兩種實現(xiàn)方法供大家參考選擇,需要的朋友可以參考下
2016-06-06
完美兼容各大瀏覽器的jQuery仿新浪圖文淡入淡出間歇滾動特效
本文是作者學(xué)習(xí)jQuery之后練手之作，兼容各大瀏覽器，非常的精美實用，這里放出來給小伙伴們，有需要的直接拿走，別跟我客氣^_^
2014-11-11
jquery ajax請求實例深入解析
jquery中封裝了一些ajax請求的方法，很實用,本文將以此引入一個實例，對jquery中ajax請求的方法進行詳細(xì)介紹，需要了解更多的朋友可以參考下
2012-11-11
jQuery DIV彈出效果實現(xiàn)代碼
現(xiàn)在很多網(wǎng)站都流行這種彈出式的對話框或是信息顯示框，很想將這個流行元素加入到自己的項目中。使用jQuery可以不費大力氣實現(xiàn)這種效果。將其記錄到我的Blog中，與業(yè)界朋友們起分享。
2009-07-07
文本框的字?jǐn)?shù)限制功能jquery插件
由于Html里只有input元素?fù)碛衜axlength屬性，而textarea沒有,所以以前對于文本框字?jǐn)?shù)限制做了很多方案的解決，但是都不太完美。
2009-11-11
從零開始學(xué)習(xí)jQuery (五) jquery事件與事件對象
事件是腳本編程的靈魂. 所以本章內(nèi)容也是jQuery學(xué)習(xí)的重點. 本文將對jQuery中的事件處理以及事件對象進行詳細(xì)的講解.
2011-02-02
用jQuery.ajaxSetup實現(xiàn)對請求和響應(yīng)數(shù)據(jù)的過濾
本文主要對用jQuery.ajaxSetup實現(xiàn)對請求和響應(yīng)數(shù)據(jù)的過濾的過程與方法進行詳細(xì)全面的實例講解。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12