Javascript脚本特效示例：[29]可开关Form时钟

时间：2024-10-16 08:31:25

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。<html><head><title>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>

2、第一步：把如下代码加入<body>区域中,并重名文档为HTML文件<script language="Ja即枢潋雳vaScript"> var enabled=0; function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000); var today = new Date(); document.clock.disp.value =today.toLocaleString(); }</script> <form name="clock"> <input type="text" name="disp" value="" size=20onFocus="this.blur()" > <br> <input type="radio" name="rad" value="off" onClick=" if( enabled==1 ) { document.clock.disp.value=''; clearTimeout( TO ); enabled = 0; } " checked> 关<font color="#FFFF99"> </font> <input type="radio" name="rad" value="on" onClick=" if( enabled == 0 ) { var TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }" > 开<font color="#FFFF99"> </font> </form>

3、用IE浏览器打开晓博JavaScript特效测试.html文件，关闭网页，可以看到带开关的Form时钟特效，今天的时间是2014.5.5,如下图

Javascript脚本特效示例：[30]Form栏全时钟

Javascript脚本特效示例：[23]背景上加时钟

Javascript脚本特效示例：[31]倒影时钟

Javascript脚本特效示例：[33]时间日期转换

Javascript脚本特效示例：[26]算几天后的日期