简易js网页实时时钟日历

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>

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