Countdown-倒计时插件

今天我介绍的就是类似这种功能的jquery插件，他不仅能实现上面所述的功能，而且在每个倒计时数字实现动画的过渡效果。

 

文章详情和下载链接

 

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

$(document).ready(function () {           /* 延迟函数  */           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; }                   //设定倒计时开始的号码                   $(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');               }           });       }); Countdown-倒计时插件