jQuery基于扩展简单实现倒计时功能的方法.pdfVIP

这篇文章主要介绍了 jQuery 基于扩展简单实现倒计时功能的方法 ,涉及 jQuery 扩展与回 调函数的相关使用技巧 ,需要的朋友可以参考下 本文实例讲述了 jQuery 基于扩展简单实现倒计时功能的方法。 分享给大家供大家参考， 具体如下： jQuery.fn.countDown = function(settings,to) { nbsp; settings = jQuery.extend({ nbsp; nbsp; startFontSize: 36px, nbsp; nbsp; endFontSize: 12px, nbsp; nbsp; duration: 1000, nbsp; nbsp; startNumber: 10, nbsp; nbsp; endNumber: 0, nbsp; nbsp; callBack: function() { } nbsp; }, settings); nbsp; return this.each(function() { nbsp; nbsp; //where do we start? nbsp; nbsp; if(!to amp;amp; to != settings.endNumber) { to = settings.startNumber; } nbsp; nbsp; //set the countdown to the starting number nbsp; nbsp; $(this).text(to).css(fontSize,settings.startFontSize); nbsp; nbsp; //loopage nbsp; nbsp; $(this).animate({ nbsp; nbsp; nbsp; fontSize: settings.endFontSize nbsp; nbsp; },settings.duration,,function() { nbsp; nbsp; nbsp; if(to gt; settings.endNumber + 1) { nbsp; nbsp; nbsp; nbsp; $(this).css(fontSize,settings.startFontSize).text(to - 1). nbsp;countDown(settings,to - 1); nbsp; nbsp; nbsp; } nbsp; nbsp; nbsp; else nbsp; nbsp; nbsp; { nbsp; nbsp; nbsp; nbsp; settings.callBack(this); nbsp; nbsp; nbsp; } nbsp; nbsp; }); nbsp; }); }; /* sample usage //调用方法 // $(#countdown).countDown({ nbsp; startNumber: 10, nbsp; callBack: function(me) { nbsp; nbsp; $(me).text( 倒计时加载完毕 ).css(color,#090); nbsp; } }); 希望本文所述对大家 jQuery 程序设计有所帮助。