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在这里是指的要计时的div
var $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插件哦，一定要用心维护，不久就会出下一版本的，敬请期待哦