洪恩在线 - Javascript实例

当前位置：洪恩在线 -> 电脑乐园 -> JavaScript

　　　　带开关的时钟

效果演示：

源代码如下：

这段程序放在<body>与</body>之间 <script language="JavaScript"> 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=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>

源程序讲解：

var enabled=0;	定义一个变量,并赋初值。
function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000);	定义一个函数，变量TO的值为一秒，调用一次TOfunc()函数。
var today = new Date();	定义today 为Date对象的一个实例。
document.clock.disp.value = today.toLocaleString(); }	在文本框中输出当前系统的时间。
<form name="clock"> <input type="text" name="disp" value="" size=20 onFocus="this.blur()" ><br>	插入一个文本框。
<input type="radio" name="rad" value="on" onClick="if( enabled == 0 ) { var TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }" >开<font color="#FFFF99"> </font>	插入一个单选按钮。如果选“开”的时候，就调用TOfunc()函数。
<input type="radio" name="rad" value="off" onClick="if( enabled==1 ) { document.clock.disp.value=''; clearTimeout( TO ); enabled = 0; } " checked>关 <font color="#FFFF99"> </font></form>	插入一个单选按钮。如果选“关”的时候，就取消调用TOfunc()函数。