tu5.15.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 43 行

HTM
43
字号
<HTML>
<HEAD>
  <TITLE>使用 setInterval() 和 clearInterval() 方法</TITLE>
<SCRIPT LANGUAGE=JavaScript TYPE="text/javascript">
<!--
var myTimer="";

function startTimer()
//此函数调用 setInterval() 方法,每隔一秒钟调用一次 acquireTime() 函数
{
myTimer=window.setInterval("acquireTime()",1000);
}

function stopTimer()
{
window.clearInterval(myTimer);
}

function acquireTime()
{
today=new Date();  //获取当前日期
with(today)
{
  document.form1.timer.value=getHours()+"点"+getMinutes()+"分"+getSeconds()+"秒";
}
}
//-->
</SCRIPT>
<HEAD>
<BODY onLoad="startTimer();">  <!--加载文档时调用 startTimer() 函数,启动定时器。-->
<DIV align=center>
<FORM name=form1>
<H2>现在时间:</H2>
  <INPUT NAME="timer"> 
<H2>单击以下按钮停止计时器...</H2>
  <INPUT TYPE = BUTTON Value = "停止" onClick = stopTimer()> 
<H2>单击以下按钮重新启动计时器...</H2>
  <INPUT TYPE = BUTTON Value = "启动" onClick = startTimer()> 
</FORM>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?