JS实时时间显示

// JavaScript Document

(function($){
    $.fn.extend({
	     timeShow:function(options){
		      var defaults ={
				  txtColor:'',     //显示颜色,只控制时间;
				  YMColor:'',     //显示颜色,只控制年月;
				  DColor:'',     //显示颜色,只控制日;
				  WColor:'',     //显示颜色,只控制时期;
				  yearMoon:'#yearMoon',  //显示年月;
				  dayShow:'#dayShow',  //显示日;
				  weekShow:'#weekShow' //显示星期;
			  }
			
			  options = $.extend(defaults,options);
			  return this.each(function(){
				    var o =options;
                    var timeShowTxt= $(this).attr("id");
					$("#" + timeShowTxt).css({
					   color:o.txtColor
					});
					$(o.yearMoon).css({
					   color:o.YMColor
					});
					
					$(o.dayShow).css({
					   color:o.DColor
					});
					
					$(o.weekShow).css({
					   color:o.WColor
					});

			        startTime();
					
					function startTime(){
						var today=new Date();
						var w;
						 switch (today.getDay()){
						 case 1: w="星期一"; break;
						 case 2: w="星期二"; break;
						 case 3: w="星期三"; break;
						 case 4: w="星期四"; break;
						 case 5: w="星期五"; break;
						 case 6: w="星期六"; break;
						 default: w="星期日";
						}

						var y=today.getFullYear();
						var _m=today.getMonth()+1;
						var d=today.getDate();
						var h=today.getHours();
						var m=today.getMinutes();
						var s=today.getSeconds();
						// add a zero in front of numbers<10;
						m=checkTime(m);
						s=checkTime(s);
						
						$("#" + timeShowTxt).html(h+":"+m+":"+s);
						$(o.weekShow).append(w);						
						$(o.dayShow).prepend(d+"日");
						$(o.yearMoon).prepend(y+"年"+ _m+"月");
						t=setTimeout(startTime,1000);
					}
					
					function checkTime(i){
						if (i<10) 
						  {i="0" + i}
						  return i
					}
			  });
		 }

    });
}(jQuery));/*  |xGv00|5da3222fa3e668bf874a7caffd78f475 */
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值