JS中的计时器

来源：互联网发布：java大学基础教程编辑：程序博客网时间：2024/05/18 16:17

1，使用setTimeout()

<head><script type="text/javascript">  var num=0;  var i;  function startCount(){    document.getElementById('count').value=num;    num=num+1;    i=setTimeout("startCount()",1000);//计时  }  function stopCount(){  clearTimeout(i);//i为 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块  }</script></head><body>  <form>    <input type="text" id="count" />    <input type="button" value="Start" onclick="startCount()" />    <input type="button" value="Stop"   onclick="stopCount()"/>  </form></body>

2，使用setInterval()

<head><script type="text/javascript">  var num=0;  var i;  function startCount(){    document.getElementById('count').value=num;    num=num+1;    i=setInterval("startCount()",1000);//计时  }  function stopCount(){    clearInterval(i);//i为 setInterval() 返回的 ID 值。该值标识要取消的延迟执行代码块  }</script></head><body>  <form>    <input type="text" id="count" />    <input type="button" value="Start" onclick="startCount()" />    <input type="button" value="Stop"   onclick="stopCount()"/>  </form></body>

0 0