JScript:在背景上加时钟

JScript:在背景上加时钟

 1 < HTML >
 2 < HEAD >
 3 < TITLE > 在背景上加时钟 </ TITLE >
 4 </ HEAD >
 5
 6 < BODY bgcolor = " #fef4d2 "  onLoad = bgclock() >
 7 < br >< br >
 8 < center >
 9 < font color = " ffaafa " >< h2 > 在背景上加时钟 </ h2 ></ font >
10 < hr width = 300 >
11 < br >< br >
12
13 <!--  案例代码1开始  -->
14
15 < script language = javaScript >
16 function  bgclock() {
17 thistime =   new  Date()
18 var  hours = thistime.getHours()
19 var  minutes = thistime.getMinutes()
20 var  seconds = thistime.getSeconds()
21 if  (eval(hours)  < 10 ) {hours = " 0 " + hours}
22 if  (eval(minutes)  <   10 ) {minutes = " 0 " + minutes}
23 if  (seconds  <   10 ) {seconds = " 0 " + seconds}
24 thistime  =  hours + " : " + minutes + " : " + seconds
25
26 if (document.all) {
27 bgclocknoshade.innerHTML = thistime
28 bgclockshade.innerHTML = thistime
29 }
30
31 if (document.layers) {
32 document.bgclockshade.document.write(' < div id = " bgclockshade "  style = " position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:150px " > ' + thistime + ' </ div > ')
33 document.bgclocknoshade.document.write(' < div id = " bgclocknoshade "  style = " position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px " > ' + thistime + ' </ div > ')
34 document.close()
35 }
36 var  timer = setTimeout( " bgclock() " , 200 )
37 }
38
39 </ script >
40
41 <!--  案例代码1结束  -->
42
43
44 <!--  案例代码2开始  -->
45
46 <!--  [Step1]: 这里可以改变时钟的字体  -->
47 <!--  [Step2]: 这里可以改变时钟的颜色  -->
48 <!--  [Step3]: 这里可以改变时钟的位置和大小  -->
49 < div id = " bgclockshade "  style = " position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:70px;top:102px;left:152px " ></ div >
50
51 <!--  [Step1]: 这里可以改变时钟的字体  -->
52 <!--  [Step2]: 这里可以改变时钟的颜色  -->
53 <!--  [Step3]: 这里可以改变时钟的位置和大小  -->
54 < div id = " bgclocknoshade "  style = " position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:70px;top:100px;left:150px " ></ div >
55
56 < div id = " mainbody "  style = " position:absolute; visibility:visible " >
57 </ div >
58
59 <!--  案例代码2结束  -->
60
61 </ BODY >
62
63 </ HTML >
64