JScript:在背景上加时钟

<HTML>
2

<HEAD>
3

<TITLE>在背景上加时钟</TITLE>
4

</HEAD>
5

<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

14

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

if(document.all) {
27

bgclocknoshade.innerHTML=thistime
28

bgclockshade.innerHTML=thistime
29

}
30

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

</script>
40

42

45

47

48

49

<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:70px;top:102px;left:152px"></div>
50

52

53

54

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:70px;top:100px;left:150px"></div>
55

<div id="mainbody" style="position:absolute; visibility:visible">
57

</div>
58

60

</BODY>
62

</HTML>
64

posted on 2005-05-18 23:30 楚客阅读(558) 评论(0) 编辑收藏所属分类: HTML

常用链接

留言簿(1)

随笔分类(17)

随笔档案(16)

文章分类(32)

文章档案(30)

最新随笔

搜索

最新评论

阅读排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻 Chat2DB C++博客博问管理
相关文章: JScript:在背景上加时钟楚客教程(H01)——我也能写网页