背景时钟

 

点击这里看效果

在 <head> 与 </head> 之间加入:

<SCRIPT language=javaScript>
function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds
if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">'+thistime+'</div>')
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>')
document.close()
}
var timer=setTimeout("clockon()",200)
}
</SCRIPT>

在 <body> 与 </body> 之间加入:

<div id=bgclockshade
style="FONT-SIZE: 50px; LEFT: 192px; VISIBILITY: visible; COLOR: #ff8888; FONT-FAMILY: Arial; POSITION: absolute; TOP: 43px; width: 20px; height: 4px"></div><div id=bgclocknoshade
style="FONT-SIZE: 50px; LEFT: 191px; VISIBILITY: visible; COLOR: #dddddd; FONT-FAMILY: Arial; POSITION: absolute; TOP: 41px; width: 21px; height: 23px">
</div>

把 <body> 改为 <BODY onload=clockon()>