jCountdown倒计时插件 基于jquery开发的插件

大家好呀，这几天用javascript特别多，后来接触了jQuery感觉挺强大的，想了想，学了学，自己开发了一个倒计时插件

插件功能不太强大，但是这样也有个好处，就是给使用者充分的发挥空间，使用者可以自己用css设置倒计时器的样式，而不是在本插件上设置。

时间到了之后，使用者爱干嘛干嘛，跟我这个插件没关系，只要你告诉我要执行的方法就行了。

把源码帖出来吧

/** * 倒计时控件 * @param {} count 要计时的秒数 * @param {} options 其它选项信息 * @author 赵占涛 QQ:369880281 */$.fn.jcountdown = function(count, options){var zCount = count;var defaults = {timeup : function(){}};var opts = $.extend(defaults, options);//this在这里是指的要计时的divvar $timeDiv = $(this);//计时函数var timeOut = function(){$timeDiv.text(zCount);zCount--;if (zCount >= 0){//时间还没到setTimeout(timeOut,1000);} else {//时间到opts.timeup();}};timeOut();};

是不是感觉特别简洁呢？嘻嘻，来看一下更简洁的吧：调用方法

下面这个东西是用来倒计时的div <br>    <div id="numDiv"></div><script type="text/javascript">$("#numDiv").jcountdown(5,{timeup:function(){alert("时间到")}});//倒计时5秒//$("#numDiv").jcountdown(5);//倒计时5秒，不过这样是单纯的计时，数到0了就停了，不会执行任何函数</script>

好了好了，下面解释一下源码吧，也算是jQuery插件开发教程吧

$.fn.jcountdown = function(count, options){}这一句话是开发jQuery插件用的，当然不只这一种方法。

这样就可以在jQuery对象上调用该方法了。简单吧

源码，示例，及api文档的下载地址：jQuery倒计时插件 jCountdown 源码示例及文档 CSDN首发

欢迎大牛们来此批评，也欢迎有不懂的人们来这里提问，我会尽快解答的。这可以我写的第一个jQuery插件哦，一定要用心维护，不久就会出下一版本的，敬请期待哦