简易js网页实时时钟日历

[javascript]  view plain  copy

 

 

1. <script language="javascript">  
2. function timeF(i){   
3.     if(i<10){   
4.         i="0"+i;    
5.     }   
6.     return i;   
7. }  
8. function showtime()  
9. {  
10. var today,hour,second,minute,year,month,date;  
11. var strDate ;  
12. today=new Date();  
13. var n_day = today.getDay();  
14. switch (n_day)  
15. {  
16.     case 0:{  
17.       strDate = "星期日"  
18.     }break;  
19.     case 1:{  
20.       strDate = "星期一"  
21.     }break;  
22.     case 2:{  
23.       strDate ="星期二"  
24.     }break;  
25.     case 3:{  
26.       strDate = "星期三"  
27.     }break;  
28.     case 4:{  
29.       strDate = "星期四"  
30.     }break;  
31.     case 5:{  
32.       strDate = "星期五"  
33.     }break;  
34.     case 6:{  
35.       strDate = "星期六"  
36.     }break;  
37.     case 7:{  
38.       strDate = "星期日"  
39.     }break;  
40. }  
41. year = today.getFullYear();  
42. month = today.getMonth()+1;  
43. date = today.getDate();  
44. hour = today.getHours();  
45. minute =today.getMinutes();  
46. second = today.getSeconds();  
47. document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日  " + strDate +"  " + timeF(hour) + ":" + timeF(minute) + ":" + timeF(second); //显示时间  
48. setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)  
49. }  
50. </script>  

 

[html]  view plain  copy

 

 

1. 1. <span id="time"></span><script language="javascript"> showtime();</script>