码迷,mamicode.com
首页 > 其他好文 > 详细

Interval 计时器

时间:2017-11-12 12:24:44      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:code   页面   返回   表达   doctype   form   计时   body   content   

语法:

setInterval(代码,交互时间);    在执行时,从载入页面后每隔指定的时间执行代码。
clearInterval(  setInterval() 返回的 ID 值  );   取消计时器

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>计时器</title>
 6 <script type="text/javascript">
 7    function clock(){
 8       var time=new Date();                     
 9       document.getElementById("clock").value = time;
10    }
11 // 每隔100毫秒调用clock函数,并将返回值赋值给i
12      var i=setInterval("clock()",100);
13 </script>
14 </head>
15 <body>
16   <form>
17     <input type="text" id="clock" size="50"  />
18     <input type="button" value="Stop" onclick="clearInterval(i)"  />
19   </form>
20 </body>
21 </html>

 

setTimeout(   代码,延迟时间   );    setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。
clearTimeout(   setTimeout() 返回的 ID 值   );   该值标识要取消的延迟执行代码块。
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <script type="text/javascript">
 5   var num=0,i;
 6   function timedCount(){
 7     document.getElementById(txt).value=num;
 8     num=num+1;
 9     i=setTimeout(timedCount,1000);
10   }
11     setTimeout(timedCount,1000);
12   function stopCount(){
13     clearTimeout(i);
14   }
15 </script>
16 </head>
17 <body>
18   <form>
19     <input type="text" id="txt">
20     <input type="button" value="Stop" onClick="stopCount()">
21   </form>
22 </body>
23 </html>

 

Interval 计时器

标签:code   页面   返回   表达   doctype   form   计时   body   content   

原文地址:http://www.cnblogs.com/the-wang/p/7821167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!