您现在的位置：站长手册 >> 特效代码 >> 时间类 >> 正文

[组图]COOL数字时钟

热 ★★★　　　

COOL数字时钟

人气：　来源：本站原创　作者：佚名　所属栏目：时间类　[切换到繁體中文]

介绍：类似电子时钟效果，适合放在个人主页及博客中。

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>站长手册_特效演示_COOL数字时钟</title>
<style><!--body,td{font-size: 12px;}--></style>

</head>
<body bgcolor="" onLoad="show3()" onDblClick="Submit_onDoubleclick()">
<table width="100%" height="1000" border="0" cellpadding="10" cellspacing="5">
<tr>
<td valign="top">
<script language="javascript1.1">

<!--

/*

Live clock script credit: Website Abstraction (www.wsabstract.com). 

Your free JavaScripts archieve, with over 200+ free JavaScripts. 

This script may be freely used as long as credit remains intact.

*/

var dn

c1=new Image(); c1.src="http://www.zzsc.org/texiao/zzsc_demo/c1.gif"

c2=new Image(); c2.src="http://www.zzsc.org/texiao/zzsc_demo/c2.gif"

c3=new Image(); c3.src="http://www.zzsc.org/texiao/zzsc_demo/c3.gif"

c4=new Image(); c4.src="http://www.zzsc.org/texiao/zzsc_demo/c4.gif"

c5=new Image(); c5.src="http://www.zzsc.org/texiao/zzsc_demo/c5.gif"

c6=new Image(); c6.src="http://www.zzsc.org/texiao/zzsc_demo/c6.gif"

c7=new Image(); c7.src="http://www.zzsc.org/texiao/zzsc_demo/c7.gif"

c8=new Image(); c8.src="http://www.zzsc.org/texiao/zzsc_demo/c8.gif"

c9=new Image(); c9.src="http://www.zzsc.org/texiao/zzsc_demo/c9.gif"

c0=new Image(); c0.src="http://www.zzsc.org/texiao/zzsc_demo/c0.gif"

cb=new Image(); cb.src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif"

cam=new Image(); cam.src="http://www.zzsc.org/texiao/zzsc_demo/cam.gif"

cpm=new Image(); cpm.src="http://www.zzsc.org/texiao/zzsc_demo/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>
<img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="a"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="b" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/colon.gif" name="c"><img src="images/cb.gif" name="d" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="e" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/colon.gif" name="f" width="9" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="g" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="h" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cam.gif" name="j" width="16" height="21">
</td>
</tr>
</table>
</body>
</html>

[Ctrl+A全选提示：你可先修改部分代码，再按运行]

下面教你如何应用此特效：图片：

　--------------------------------------------------------------------------------------
　　需要在<body 这里>加入的代码：onLoad="show3()" onDblClick="Submit_onDoubleclick()"
　--------------------------------------------------------------------------------------

以下代码加到<head>…</head>中

以下代码加到<body>…</body>中

<!--

Live clock script credit: Website Abstraction (www.wsabstract.com).

Your free JavaScripts archieve, with over 200+ free JavaScripts.

This script may be freely used as long as credit remains intact.

var dn

c1=new Image(); c1.src="http://www.zzsc.org/texiao/zzsc_demo/c1.gif"

c2=new Image(); c2.src="http://www.zzsc.org/texiao/zzsc_demo/c2.gif"

c3=new Image(); c3.src="http://www.zzsc.org/texiao/zzsc_demo/c3.gif"

c4=new Image(); c4.src="http://www.zzsc.org/texiao/zzsc_demo/c4.gif"

c5=new Image(); c5.src="http://www.zzsc.org/texiao/zzsc_demo/c5.gif"

c6=new Image(); c6.src="http://www.zzsc.org/texiao/zzsc_demo/c6.gif"

c7=new Image(); c7.src="http://www.zzsc.org/texiao/zzsc_demo/c7.gif"

c8=new Image(); c8.src="http://www.zzsc.org/texiao/zzsc_demo/c8.gif"

c9=new Image(); c9.src="http://www.zzsc.org/texiao/zzsc_demo/c9.gif"

c0=new Image(); c0.src="http://www.zzsc.org/texiao/zzsc_demo/c0.gif"

cb=new Image(); cb.src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif"

cam=new Image(); cam.src="http://www.zzsc.org/texiao/zzsc_demo/cam.gif"

cpm=new Image(); cpm.src="http://www.zzsc.org/texiao/zzsc_demo/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>
<img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="a"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="b" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/colon.gif" name="c"><img src="images/cb.gif" name="d" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="e" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/colon.gif" name="f" width="9" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="g" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cb.gif" name="h" width="16" height="21"><img src="http://www.zzsc.org/texiao/zzsc_demo/cam.gif" name="j" width="16" height="21">