Interval 计时器
Posted 千彧
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Interval 计时器相关的知识，希望对你有一定的参考价值。
语法:
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 计时器的主要内容，如果未能解决你的问题，请参考以下文章