楚客
有關PHP,Python,Java,的東東我的賬本

隨筆-16 評論-8 文章-30 trackbacks-0

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

14

15

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

42

43

44

45

46

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

51

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

56

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

</div>
58

59

60

61

</BODY>
62

63

</HTML>
64

posted on 2005-05-18 23:30 楚客閱讀(569) 評論(0) 編輯收藏所屬分類: HTML

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JScript:在背景上加時鐘楚客教程(H01)——我也能寫網頁

我的賬本

<

2005年5月

>

日

一

二

三

四

五

六

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

19

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(1)

隨筆分類(17)

隨筆檔案(16)

文章分類(32)

文章檔案(30)

最新隨筆

搜索

最新評論

閱讀排行榜