<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<title>带开关的Form时钟</title>
<script language="JavaScript">
var enabled=0; //定义一个变量表示 开 or 关 0:开，1：关
function TOfunc() {
TO = window.setTimeout( "TOfunc()", 1000); //设置时间值 1000ms跳动一次。一秒一秒运行 一秒钟调用TOfunc()一次
var today = new Date(); //获得当前时间
document.clock.disp.value = today.toLocaleString();//向文本框设置值
}
</script>
</head>
<body bgcolor="#ffc0c0">
<center>
<h1>带开关的Form时钟</h1>
<hr>
<form name="clock">
<input type="text" name="disp" value="" size=30 onFocus="this.blur()"><!--不让这个文本框获得焦点-->
<br>
<input type="radio" name="rad" value="off" onClick="
if( enabled==1 ) //当enabled==1时关闭时间的跳动
{
document.clock.disp.value='';//文本框赋值为空
clearTimeout( TO ); //clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。由 setTimeout() 返回的 ID值。该值标识要取消的延迟执行代码块。
enabled = 0;//标识设置为0
}
" checked>
关<font color="#FFFF99"> </font>
<input type="radio" name="rad" value="on" onClick="
if( enabled == 0 ) {//当标识为0时 执行开起操作
var TO = setTimeout( 'TOfunc()', 1000 );//一秒执行TOfunc一次，变量定义为TO 是与 clearTime对应。clearTime清除时则取消该时间的运行
enabled = 1;//标识设为1
}
">
开<font color="#FFFF99"> </font>
</form>
</center>
</body>
</html>