📄 time1.htm
字号:
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 show(){
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("show()",1000)
}
//-->
</script></textarea>
</p>
<p><span class="p1"><font color="#6633FF">这段程序放在<body ****>正文中</font></span>
<textarea name="textarea" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="2" wrap="VIRTUAL" style="BACKGROUND-COLOR: #D5E9FD;" >onLoad="show()"</textarea>
</p>
<p><span class="p1"><font color="#6633FF">这段程序放在<body>与</body>之间</font></span>
<textarea name="textarea3" onFocus="this.select()" onMouseOver="this.focus()" cols="50" rows="5" wrap="VIRTUAL" style="BACKGROUND-COLOR: #D5E9FD;" >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"> </textarea>
</p>
</form>
<b> </b></td>
<td bgcolor="5F74BF" width="28" align="center"> </td>
<td width="37" align="center"> </td>
</tr>
<tr>
<td align="center" valign="bottom" height="36">
<table width="238" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td>
<table width="110" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="5F74BF" align="center">
<td class="p1" align="right"><b><font color="#FFFFFF">源程序讲解：</font></b></td>
<td class="p1" width="11"><img src="img/bule2.gif" width="11" height="18"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="457" class="p2" valign="top" height="36"> </td>
<td bgcolor="5F74BF" width="28" align="center" height="36"><img src="img/bule1.gif" width="28" height="49"></td>
<td width="37" align="center" height="36"> </td>
</tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" class=p2>
<tr>
<td class="p2" align="right" width="693"> <br>
<table width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width=100% border="1" cellspacing="1" cellpadding="1" bordercolorlight="#666666" bordercolordark="#666666" class=p2>
<tr>
<td width="40%">var dn<br></td>
<td width="60%">定义一个新变量。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">c1=new Image(); c1.src="c1.gif" <br>
c2=new Image(); c2.src="c2.gif" <br>
c3=new Image(); c3.src="c3.gif"<br>
c4=new Image(); c4.src="c4.gif"<br>
c5=new Image(); c5.src="c5.gif" <br>
c6=new Image(); c6.src="c6.gif" <br>
c7=new Image(); c7.src="c7.gif"<br>
c8=new Image(); c8.src="c8.gif"<br>
c9=new Image(); c9.src="c9.gif" <br>
c0=new Image(); c0.src="c0.gif" <br>
cb=new Image(); cb.src="cb.gif" <br>
cam=new Image(); cam.src="cam.gif" <br>
cpm=new Image(); cpm.src="cpm.gif"</td>
<td width="60%">定义一些新对象c1,c2...，分别是c1.gif,c2,gif....分别为数字1，2...</td>
</tr>
<tr>
<td width="40%">function extract(h,m,s,type){</td>
<td width="60%">定义一个函数extract,具有四个参数h,m,s,type。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">if (!document.images)<br>return</td>
<td width="60%">如果当前窗口不存在images对象，就返回。</td>
</tr>
<tr>
<td width="40%">if (h<=9){ document.images.a.src<br>
=cb.src document.images.b.src=<br>
eval("c"+h+".src") }</td>
<td width="60%">当h<9时，就在小时前输出一个黑背景，再输出ch.src图。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">else { document.images.a.src=<br>
eval("c"+Math.floor(h/10)+".src")<br>
document.images.b.src=<br>
eval("c"+(h%10)+".src") }</td>
<td width="60%">Math.floor(h/10)是返回一个小于h/10的整数。如果h>9，就输出一个c1图，再加上一张对h取模后的值的图。</td>
</tr>
<tr>
<td width="40%">if (m<=9){ document.images.d.src<br>
=c0.src document.images.e.src=<br>
eval("c"+m+".src") }</td>
<td width="60%">当m<=9时，就在分钟前输出一个0，再输出cm.src图。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">else { document.images.d.src=<br>
eval("c"+Math.floor(m/10)+".src") <br>
document.images.e.src=<br>
eval("c"+(m%10)+".src") }</td>
<td width="60%">如果m>9，先输出一张分钟的十位数上的数字，再加上一张对h取模后的值的图。</td>
</tr>
<tr>
<td width="40%">if (s<=9)<br>
{ document.g.src=c0.src document.images.h.src=<br>
eval("c"+s+".src") }<br>
else { document.images.g.src=<br>
eval("c"+Math.floor(s/10)+".src") <br>
document.images.h.src=<br>
eval("c"+(s%10)+".src") }</td>
<td width="60%">同上的讲解。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">if (dn=="AM")<br>
document.j.src=cam.src <br>
else<br>
document.images.j.src=cpm.src }</td>
<td width="60%">如果dn=AM，则输出am图，否则输出pm图。</td>
</tr>
<tr>
<td width="40%">
<p>function show()<br>
{ if (!document.images) return</p>
</td>
<td width="60%">如果当前窗口不存在images对象，就返回。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">var Digital=new Date() </td>
<td width="60%">定义一个新的时间对象。</td>
</tr>
<tr>
<td width="40%"> var hours=Digital.getHours()<br>
var minutes=Digital.getMinutes()<br>
var seconds=Digital.getSeconds()</td>
<td width="60%">分别声明变量hours，minutes，seconds值为当前的小时数，分钟数和秒数。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">dn="AM" <br>
if ((hours>=12)&&(minutes>=1)<br>
||(hours>=13))<br>
{ dn="PM" hours=hours-12 }</td>
<td width="60%">给dn赋初值为am，当小时数>=12,分钟>=1时或者小时数大于等于13时，dn=pm,同时，小时数减12。</td>
</tr>
<tr>
<td width="40%">if (hours==0)<br>
hours=12</td>
<td width="60%">当小时数等于0时，小时数为12。</td>
</tr>
<tr bgcolor="CFDFFF">
<td width="40%">extract(hours,minutes,seconds,dn) setTimeout("show()",1000)</td>
<td width="60%">1秒调用一次show函数。</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<br>
</td>
<td class="p2" width="18"> </td>
<td class="p2" width="1" bgcolor="A8A8AB"><img src="img/blank.gif" width="1" height="1"></td>
<td class="p2" width="48"> </td>
</tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
<tr bgcolor="5F74BF">
<td> </td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -