您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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>