用javascript作的一个背景时钟
日期：2014-05-16 浏览次数：20363 次
用javascript做的一个背景时钟
今天给大家说点有意识的东西，用js做的一个背景时钟，看代码吧：
<html>
<head>
<title>
背景时钟
</title>
<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>
<link rel="stylesheet" href="../style.css">
</head>
<body onLoad="clockon()">
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible"></div>
</body>
</html>效果截图如下：
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
