精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>水中倒影的时钟

主题:水中倒影的时钟
发信人: xmzw(小米粥)
整理人: morefeetin(2001-05-10 08:15:31), 站内信件
心动男孩 提供
<html>
<head>
<style type="text/css">  
<!-- .time{font-family : Comic Sans Ms;font-size : 14pt;
font-weight : bold;color: #00008D;}-->  
</style>  
<script Language="JavaScript">  
<!-- Hiding
var ctimer;
function init(){
if (document.all){
tim2.style.left=tim1.style.posLeft;
tim2.style.top=tim1.style.posTop+tim1.offsetHeight-6;
settimes();
}
}
function settimes(){
var time= new Date();
hours= time.getHours();
mins= time.getMinutes();
secs= time.getSeconds();
if (hours<10)
hours="0"+hours;
if(mins<10)
mins="0"+mins;
if (secs<10)
secs="0"+secs;
tim1.innerHTML=hours+":"+mins+":"+secs
tim2.innerHTML=hours+":"+mins+":"+secs
ctimer=setTimeout('settimes()',960);
}
// --></script>  
</head>
<body onLoad="init()">  
<div Id="tim1" Style="position:absolute; width:10; height:10;
top:10; left:50" class="time"></div> 
<div Id="tim2" Style="position:absolute;
filter:flipv() alpha(opacity=20); font-style:italic" class="time">  
<p> </p>  
</div>  
</body>  
</html>

[关闭][返回]