📄 带开关的时钟.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0061)http://www.hongen.com/pc/homepage/javascript/sample/offon.htm -->
<HTML><HEAD><TITLE>洪恩在线 - Javascript实例</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="带开关的时钟.files/home.css" rel=stylesheet>
<META content=电脑乐园,电脑,乐园,交互教程,交互,教程,教育,javascript,javascript实例,网页制作
name=keywords><LINK href="带开关的时钟.files/homepage.css" rel=stylesheet>
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<SCRIPT language=Javascript src="带开关的时钟.files/head.js"></SCRIPT>
<TABLE height=20 cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR bgColor=#cfdfff>
<TD class=p1 align=left height=20><IMG height=8
src="带开关的时钟.files/blank.gif" width=12><FONT color=#000000><FONT
color=#ff9966>当前位置</FONT>：<A class=under
href="http://www.hongen.com/default.htm">洪恩在线</A> -> <A class=under
href="http://www.hongen.com/pc/index.htm">电脑乐园</A> ->
JavaScript</FONT></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top width=207><IMG height=13 src="带开关的时钟.files/bule.gif"
width=207></TD>
<TD width=1 bgColor=#a8a8ab><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif" width=1></TD>
<TD align=right width=530 height=22><IMG height=20
src="带开关的时钟.files/js.gif" width=186></TD>
<TD width=22><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif"
width=1></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD width=124><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif" width=1></TD>
<TD width=636 background=带开关的时钟.files/line.gif height=27><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif"
width=1></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD class=p3 align=middle width=711><B> 带开关的时钟</B></TD>
<TD class=p2 width=1 bgColor=#a8a8ab><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif" width=1></TD>
<TD class=p2 width=48> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle> </TD>
<TD> </TD>
<TD align=middle width=28 bgColor=#5f74bf><IMG height=49
src="带开关的时钟.files/bule1.gif" width=28></TD>
<TD align=middle width=37> </TD></TR>
<TR>
<TD vAlign=top align=middle>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR align=middle>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=110 border=0>
<TBODY>
<TR align=middle bgColor=#5f74bf>
<TD class=p1 align=right><B><FONT color=#ffffff>效 果 演
示</FONT></B><FONT color=#ffffff>：</FONT></TD>
<TD class=p1 width=11><IMG height=18
src="带开关的时钟.files/bule2.gif"
width=11></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD class=p2 align=left>
<P>
<SCRIPT language=JavaScript>var enabled=0; function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000); var today = new Date(); document.clock.disp.value = today.toLocaleString(); }</SCRIPT>
</P>
<FORM name=clock> <INPUT onfocus=this.blur() name=disp> <BR> <INPUT
onclick="if( enabled == 0 ) 	{ var TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }"
type=radio value=on name=rad> 开<FONT color=#ffff99> </FONT><INPUT
onclick="if( enabled==1 ) { document.clock.disp.value=''; clearTimeout( TO ); enabled = 0; } "
type=radio CHECKED value=off name=rad> 关<FONT color=#ffff99>
</FONT></FORM><B></B></TD>
<TD align=middle width=28 bgColor=#5f74bf> </TD>
<TD align=middle width=37> </TD></TR>
<TR>
<TD vAlign=top align=middle>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD height=15> </TD></TR>
<TR align=middle>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=110 border=0>
<TBODY>
<TR align=middle bgColor=#5f74bf>
<TD class=p1 align=right><B><FONT
color=#ffffff>源代码如下</FONT></B><FONT color=#ffffff>：</FONT></TD>
<TD class=p1 width=11><IMG height=18
src="带开关的时钟.files/bule2.gif"
width=11></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD class=p2 vAlign=top width=457><B><BR><BR></B><SPAN class=p1><FONT
color=#6633ff></FONT></SPAN><B><BR></B>
<FORM>
<P><SPAN class=p1><FONT
color=#6633ff>这段程序放在<body>与</body>之间</FONT></SPAN> <TEXTAREA onmouseover=this.focus() style="BACKGROUND-COLOR: #d5e9fd" onfocus=this.select() name=textarea3 rows=15 wrap=VIRTUAL cols=50><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=30
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></TEXTAREA> </P></FORM><B></B></TD>
<TD align=middle width=28 bgColor=#5f74bf> </TD>
<TD align=middle width=37> </TD></TR>
<TR>
<TD vAlign=bottom align=middle height=36>
<TABLE cellSpacing=0 cellPadding=0 width=238 border=0>
<TBODY>
<TR align=middle>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=110 border=0>
<TBODY>
<TR align=middle bgColor=#5f74bf>
<TD class=p1 align=right><B><FONT
color=#ffffff>源程序讲解：</FONT></B></TD>
<TD class=p1 width=11><IMG height=18
src="带开关的时钟.files/bule2.gif"
width=11></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD class=p2 vAlign=top width=457 height=36> </TD>
<TD align=middle width=28 bgColor=#5f74bf height=36><IMG height=49
src="带开关的时钟.files/bule1.gif" width=28></TD>
<TD align=middle width=37 height=36> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD class=p2 align=right width=693><BR>
<TABLE cellSpacing=0 cellPadding=0 width=650 border=0>
<TBODY>
<TR>
<TD>
<TABLE class=p2 cellSpacing=1 borderColorDark=#666666 cellPadding=1
width="100%" borderColorLight=#666666 border=1>
<TBODY>
<TR>
<TD width="51%" height=12>var enabled=0;<BR><BR></TD>
<TD width="49%" height=12>定义一个变量,并赋初值。</TD></TR>
<TR bgColor=#cfdfff>
<TD width="51%" height=12>function TOfunc() <BR>{ TO =
window.setTimeout( "TOfunc()", 1000);<BR></TD>
<TD width="49%"
height=12>定义一个函数，变量TO的值为一秒，调用一次TOfunc()函数。</TD></TR>
<TR>
<TD width="51%" height=12>var today = new Date();<BR></TD>
<TD width="49%" height=12>定义today 为Date对象的一个实例。</TD></TR>
<TR bgColor=#cfdfff>
<TD width="51%" height=12>document.clock.disp.value =
today.toLocaleString(); }</TD>
<TD width="49%" height=12>在文本框中输出当前系统的时间。</TD></TR>
<TR>
<TD width="51%" height=12><form name="clock">
<BR><input type="text" name="disp" value="" size=20
onFocus="this.blur()" ><br><BR></TD>
<TD width="49%" height=12>插入一个文本框。</TD></TR>
<TR bgColor=#cfdfff>
<TD width="51%" height=12><input type="radio" name="rad"
value="on" onClick="if( enabled == 0 )<BR>{ var TO =
setTimeout( 'TOfunc()', 1000 ); <BR>enabled = 1; }"
>开<font color="#FFFF99"><BR></font> <BR></TD>
<TD width="49%"
height=12>插入一个单选按钮。如果选“开”的时候，就调用TOfunc()函数。</TD></TR>
<TR>
<TD width="51%" height=12><input type="radio" name="rad"
value="off"<BR>onClick="if( enabled==1 ) <BR>{
document.clock.disp.value=''; clearTimeout( TO ); <BR>enabled
= 0; } " checked>关<BR><font color="#FFFF99">
</font></form> <BR></TD>
<TD width="49%"
height=12>插入一个单选按钮。如果选“关”的时候，就取消调用TOfunc()函数。</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR></TD>
<TD class=p2 width=18> </TD>
<TD class=p2 width=1 bgColor=#a8a8ab><IMG height=1
src="E:\杨勇\Web程序设计课件\Javascript实例\带开关的时钟.files\blank(1).gif" width=1></TD>
<TD class=p2 width=48> </TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR bgColor=#5f74bf>
<TD> </TD></TR></TBODY></TABLE>
<P> </P></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -