时间在网页背景中显示

作者：佚名来源：不详发布时间：2006-10-29 0:55:13 发布人：admin

要完成此效果需要三个步骤

第一步：把如下代码加入到<head>区域中

<--//

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>区域中

</div>

第三步：把“onLoad="clockon()"”加在<body>标记里
例如：<body onLoad="clockon()">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：时间显示并在某个特殊日子做提醒用（如MM生日）

下一篇代码：状态条时钟Script--也当属壮态栏栏目吧

时间在网页背景中显示

精品推荐

代码分类

阅读排行

相关代码