javascript中interval与setTimeOut的区别示例介绍

  setTimeout(code,millisec) //- 在指定时间后执行代码

  code必须;

  millisec必须;

  clearTimeout(setTimeoutId) //- 取消 setTimeout()

  setInterval(code,millisec);//指定间隔毫秒内循环执行代码

  code必须;

  millisec必须;

  clearInterval(intervalId);

  用setTimeout(code,millisec)可以实现setInterval效果,只需要嵌套调用方法即可;

  下面是一个倒计时页面

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>无标题文档</title>

  <script type="text/javascript">

  var c=6;

  var t;

  function timedCount()

  {

  var time = document.getElementById('txt').value;

  if( time>0){

  document.getElementById('txt').value=c;

  c=c-1;

  t=setTimeout("timedCount()",1000);

  }

  else{

  clearTimeout(t);

  }

  }

  </script>

  </head>

  <body>

  <form>

  <input type="button" value="开始计时!" onClick="timedCount()">

  <input type="text" id="txt" value="6">

  </form>

  </body>

  </html>