带开关的Form时钟单选按钮操作时钟的开始关闭

最新推荐文章于 2024-08-15 09:51:27 发布

xiechunmei13

最新推荐文章于 2024-08-15 09:51:27 发布

阅读量891

点赞数

<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>