数字时钟 （JavaScript ，JQuery）

Javascript： 

[javascript] view
plaincopy

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

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