 |
|
 |
| 您现在的位置： 先创网 >> 网站设计 >> 相关资料 >> 文章正文 |
|
|
| 不错的时钟，像是电子表一样 |
| 天极软件 |
| 2005-11-24 10:27:00文/佚名 |
|
|
|
|
|
要完成此效果需要三个步骤
第一步：把如下代码加入到<head>区域中
<script>
<!--
var dn
c1=new Image(); c1.src="http://www.jsshow.com//img/c1.gif"
c2=new Image(); c2.src="http://www.jsshow.com//img/c1.gif"/img/c2.gif"
c3=new Image(); c3.src="http://www.jsshow.com//img/c1.gif"/img/c3.gif"
c4=new Image(); c4.src="http://www.jsshow.com//img/c1.gif"/img/c4.gif"
c5=new Image(); c5.src="http://www.jsshow.com//img/c1.gif"/img/c5.gif"
c6=new Image(); c6.src="http://www.jsshow.com//img/c1.gif"/img/c6.gif"
c7=new Image(); c7.src="http://www.jsshow.com//img/c1.gif"/img/c7.gif"
c8=new Image(); c8.src="http://www.jsshow.com//img/c1.gif"/img/c8.gif"
c9=new Image(); c9.src="http://www.jsshow.com//img/c1.gif"/img/c9.gif"
c0=new Image(); c0.src="http://www.jsshow.com//img/c1.gif"/img/c0.gif"
cb=new Image(); cb.src="http://www.jsshow.com//img/c1.gif"/img/cb.gif"
cam=new Image(); cam.src="http://www.jsshow.com//img/c1.gif"/img/cam.gif"
cpm=new Image(); cpm.src="http://www.jsshow.com//img/c1.gif"/img/cpm.gif"
function extract(h,m,s,type){
if (!document.images)
return
if (h<=9){
document.images.a.src=cb.src
document.images.b.src=eval("c"+h+".src")
}
else {
document.images.a.src=eval("c"+Math.floor(h/10)+".src")
document.images.b.src=eval("c"+(h%10)+".src")
}
if (m<=9){
document.images.d.src=c0.src
document.images.e.src=eval("c"+m+".src")
}
else {
document.images.d.src=eval("c"+Math.floor(m/10)+".src")
document.images.e.src=eval("c"+(m%10)+".src")
}
if (s<=9){
document.g.src=c0.src
document.images.h.src=eval("c"+s+".src")
}
else {
document.images.g.src=eval("c"+Math.floor(s/10)+".src")
document.images.h.src=eval("c"+(s%10)+".src")
}
if (dn=="AM") document.j.src=cam.src
else document.images.j.src=cpm.src
}
function show3(){
if (!document.images)
return
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
dn="AM"
if ((hours>=12)&&(minutes>=1)||(hours>=13)){
dn="PM"
hours=hours-12
}
if (hours==0)
hours=12
extract(hours,minutes,seconds,dn)
setTimeout("show3()",1000)
}
//-->
</script>
第二步：把如下代码加入到<body>区域中
<TABLE cellSpacing=0 cellPadding=0 border=0 >
<TBODY>
<TR>
<TD bgcolor=#000000 valign=middle>
<P align=left>
<IMG src="../img/cb.gif" name=a>
<IMG src="../img/cb.gif" name=b>
<IMG src="../img/colon.gif" name=c>
<IMG src="../img/cb.gif" name=d>
<IMG src="../img/cb.gif" name=e>
<IMG src="../img/colon.gif" name=f>
<IMG src="../img/cb.gif" name=g>
<IMG src="../img/cb.gif" name=h>
<IMG src="../img/cam.gif" name=j>
</P></TD></TR></TBODY></TABLE>
第三步：把“onload=show3()”加在<body>标记里
例如：<body onload=show3()>
|
|
|
|
|
|
|
 |
|
 |
|
|
|
相关文章 
