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-倒计时插件