电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>JavaScript日期大全-带倒影的时钟:

JavaScript日期大全-带倒影的时钟

来源:远方网络 | 2005-7-16 10:36:21 | (有3299人读过)

<title> 带有倒影的时间 </title>
<html>
<head>
<style type="text/css">
<!--
.time{
font-family : Comic Sans Ms;
font-size : 14pt;
font-weight : bold;
color: #00008D;
}
-->
</style>
<style type="text/css">
<!--
.time{
font-family : Comic Sans Ms;
font-size : 14pt;
font-weight : bold;
color: #00008D;
}
-->
</style>
</head>
<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>
<body onLoad="init()">
<div align="center" 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"></div>
</body>
<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>
</html>
<div id="Layer551" style="position:absolute; left:585px; top:6px; width:200px; height:52px; z-index:1">
Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2024 电脑爱好者 版权所有 备案号:鲁ICP备09059398号