⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 time7.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>一款特酷的时钟</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#fef4d9" onLoad="show3()">
<script language="javascript1.1">

<!--


var dn

c1=new Image(); c1.src="c1.gif"

c2=new Image(); c2.src="c2.gif"

c3=new Image(); c3.src="c3.gif"

c4=new Image(); c4.src="c4.gif"

c5=new Image(); c5.src="c5.gif"

c6=new Image(); c6.src="c6.gif"

c7=new Image(); c7.src="c7.gif"

c8=new Image(); c8.src="c8.gif"

c9=new Image(); c9.src="c9.gif"

c0=new Image(); c0.src="c0.gif"

cb=new Image(); cb.src="cb.gif"

cam=new Image(); cam.src="cam.gif"

cpm=new Image(); cpm.src="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>
<br>
<br>
<center><font color=red face="隶书" size=6>一款特酷的时钟</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center height=80><img src="cb.gif" name="a"><img src="cb.gif" name="b"><img src="colon.gif" name="c"><img src="cb.gif" name="d"><img src="cb.gif" name="e"><img src="colon.gif" name="f"><img src="cb.gif" name="g"><img src="cb.gif" name="h"><img src="cam.gif" name="j"> 
</td></tr></table></center>
<br>
<br>
<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- hide
function goHist(a)
{
   history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明:
第一步:把如下代码加入<head>区域中:
 <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="c1.gif"

c2=new Image(); c2.src="c2.gif"

c3=new Image(); c3.src="c3.gif"

c4=new Image(); c4.src="c4.gif"

c5=new Image(); c5.src="c5.gif"

c6=new Image(); c6.src="c6.gif"

c7=new Image(); c7.src="c7.gif"

c8=new Image(); c8.src="c8.gif"

c9=new Image(); c9.src="c9.gif"

c0=new Image(); c0.src="c0.gif"

cb=new Image(); cb.src="cb.gif"

cam=new Image(); cam.src="cam.gif"

cpm=new Image(); cpm.src="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>中加入如下代码:
<img src="cb.gif" name="a"><img src="cb.gif" name="b"><img src="colon.gif" name="c"><img src="cb.gif" name="d"><img src="cb.gif" name="e"><img src="colon.gif" name="f"><img src="cb.gif" name="g"><img src="cb.gif" name="h"><img src="cam.gif" name="j"> 


第三步:把<body>中内容改为:
<body bgcolor="#fef4d9" onLoad="show3()">
</textarea>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -