数字时钟 (JavaScript ,JQuery)

Javascript: 

function systemDate(){    
   //获取系统时间      
   var date=new Date();       
   var month=date.getMonth()+1; //month默认0-11,所以要加1       
   var minutes=date.getMinutes(),Min;       
   var seconds=date.getSeconds(),updateTime;   
   updateTime=60-seconds;     
   minutes<=9 ? Min="0"+minutes : Min=minutes;      
   var week=date.getDay(),day;       
   switch(week){        
       case 1 : day="星期一";break;   
	   case 2 : day="星期二";break;     
	   case 3 : day="星期三";break;    
	   case 4 : day="星期四";break;    
	   case 5 : day="星期五";break;    
	   case 6 : day="星期六";break;   
	   case 7 : day="星期日";break;    
	   }   
   var time=date.getFullYear()+"/"+month+"/"+date.getDate()+" "+date.getHours()+":"+Min+" "+day;  
   $("#updateTime").text(time); //jquery    
   //var container=document.getElementById("updateTime");   
   //container.innerText=time; //javascript;    
   setTimeout('systemDate()',updateTime*1000);  //定时请求时间 
   }
   


  HTML
   <div id="updateTime"></div> //显示数字时钟的容器
   
   自己可以设置容器的样式,(*^__^*) 嘻嘻…… 附上项目里用的截图一张(注:里面没有显示星期) 
   截图如下:    

           

      

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值