1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5 <title>制作12小时进制的时钟</title>
6 <script type="text/javascript">
7
8 function clock_12h()
9 {
10 var today = new Date(); //获得当前时间
11 //获得年、月、日,Date()函数中的月份是从0-11计算
12 var year = today.getFullYear();
13 var month = today.getMonth()+1;
14 var date = today.getDate();
15 var hour = today.getHours(); //获得小时、分钟、秒
16 var minute = today.getMinutes();
17 var second = today.getSeconds();
18
19 var apm="AM"; //默认显示上午: AM
20 if (hour>12) //按12小时制显示
21 {
22 hour=hour-12;
23 apm="PM" ;
24 }
25 var weekday = 0;
26 switch(today.getDay()){
27 case 0:
28 weekday = "星期日";
29 break;
30 case 1:
31 weekday = "星期一";
32 break;
33 case 2:
34 weekday = "星期二";
35 break;
36 case 3:
37 weekday = "星期三";
38 break;
39 case 4:
40 weekday = "星期四";
41 break;
42 case 5:
43 weekday = "星期五";
44 break;
45 case 6:
46 weekday = "星期六";
47 break;
48 }
49
50 /*设置div的内容为当前时间*/
51 document.getElementById("myclock").innerHTML="<h2>你好,欢迎访问贵美商城!</h2><h2>"+year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second+" "+apm+" "+weekday+"</h2>";
52
53 }
54 /*使用setInterval()每间隔指定毫秒后调用clock_12h()*/
55 var myTime = setInterval("clock_12h()",1000);
56
57 </script>
58 </head>
59
60 <body>
61 <div id="myclock"></div>
62 </body>
63 </html>