jQeury的日期时分秒生成器插件,使用jQuery的匿名函数,静态方法的使用

时间:2022-02-25 19:15:18
//匿名函数
(function($){

//添加对象的方法(批量:即只可以定义多个方法)
//fn==prototype;开发人员只是为了方面书写而是用fn
$.fn.extend({
runtime:function(){
//创建日期对象
vartime =newDate();
//定义数组
vararr =newArray();

varyear = time.getFullYear();
arr.push(year+"年");

varmonth = time.getMonth();
//获取月0-11
arr.push($.calc(month+1)+"月");

vardate = time.getDate();
arr.push($.calc(date)+"日");

//星期几
varday = time.getDay();
//调用静态方法中的数组 0为星期日
arr.push("  "+$.weeks[day]+"  ");

varhour = time.getHours();
arr.push($.calc(hour)+":");
varminutes = time.getMinutes();
arr.push($.calc(minutes)+":");
varsecond = time.getSeconds();
arr.push($.calc(second));
this.html(arr.join(""));

//保存当前的jQuery对象
vart =this;

//开启定时器
window.setTimeout(function(){
//this:window 这样调用不了
//所以用上面保存的对象调用才可以
t.runtime();
},1000);
}
});
//为jQuery添加静态方法
$.extend({
weeks:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
//为各位数的时间前面添加0
calc:function(str){
returnstr>9?str:"0"+str;
}
});



})(jQuery);