⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 tu5.15.htm

📁 一部非常好的javaScript教程
💻 HTM
字号:
<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 + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -