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

时间：2026-02-15 16:47:50

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

<html>

<head>

<title>晓博JavaScript特效测试</title>

</head>

<body>

<ul>

<li><a href="#">七夕节传说</a></li>

<li><a href="#">七夕节习俗</a></li>

<li><a href="#">七夕节寄语</a></li>

</ul>

</div>

</body>

</html>

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

2、第一步：把如下代码加入<body>区域中,并重名文档为HTML文件

var enabled=0;

function TOfunc() {

TO = window.setTimeout( "TOfunc()", 1000

);

var today = new Date();

document.clock.disp.value =

today.toLocaleString();

}

</script>

<input type="text" name="disp" value="" size=20

onFocus="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脚本特效示例：[29]可开关Form时钟

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

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

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

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

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