1 <HTML> |
2 <meta http-equiv= "Content-Type" content= "text/html; charset=UTF-8" > |
3 <HEAD> |
4 <TITLE>时间日期篇--当前时间</TITLE> |
5 </HEAD> |
6 |
7 <BODY bgcolor= "#fef4d2" onLoad=showTheCurrentTime() background= "../images/background5.jpg" > |
8 <br> |
9 <br> |
10 <center> |
11 <font color= "ffaafa" ><h2>时间日期篇--当前时间</h2></font> |
12 <hr width=300> |
13 <br><br> |
14 |
15 <!-- 案例代码1开始 --> |
16 |
17 <script LANGUAGE= "JavaScript" > |
18 |
19 function showMilitaryTime() { |
20 if (document.form.showMilitary[0].checked) { |
21 return true ; |
22 } |
23 return false ; |
24 } |
25 function showTheHours(theHour) { |
26 if (showMilitaryTime() || (theHour > 0 && theHour < 13)) { |
27 return (theHour); |
28 } |
29 if (theHour == 0) { |
30 return (12); |
31 } |
32 return (theHour-12); |
33 } |
34 function showZeroFilled(inValue) { |
35 if (inValue > 9) { |
36 return "" + inValue; |
37 } |
38 return "0" + inValue; |
39 } |
40 function showAmPm() { |
41 if (showMilitaryTime()) { |
42 return ( "" ); |
43 } |
44 if (now.getHours() < 12) { |
45 return ( " am" ); |
46 } |
47 return ( " pm" ); |
48 } |
49 function showTheCurrentTime() { |
50 now = new Date |
51 document.form.showTime.value = showTheHours(now.getHours()) + ":" + showZeroFilled(now.getMinutes()) + ":" + showZeroFilled(now.getSeconds()) + showAmPm() |
52 setTimeout( "showTheCurrentTime()" ,1000) |
53 } |
54 </script> |
55 |
56 |
57 <!-- 案例代码1结束 --> |
58 |
59 |
60 <!-- 案例代码2开始 --> |
61 |
62 <form name= "form" > |
63 <div align= "center" > |
64 <center> |
65 <p> <font color= "#FFFFFF" > |
66 <!-- [Step1]: 这里可以改变显示列的长度 --> |
67 <input type= "text" name= "showTime" size= "11" > |
68 </font></p> |
69 </center></div><div align= "center" ><center><p><input type= "radio" name= "showMilitary" |
70 checked> |
71 <font color= "#FFFFFF" >24 Hour Time<br> |
72 <input type= "radio" name= "showMilitary" > |
73 12 Hour Time<br> |
74 </font> </p> |
75 </center></div> |
76 </form> |
77 |
78 <!--案例代码2结束 --> |
79 |
80 </center></BODY> |
81 |
82 </HTML> |
83 |