setTimeout和setIntelval都有定时的功能!!!

取消定时功能的时候,都有对应的clearTimeout以及clearInterval与之对应。

但是他们之间是有区别的!

setTimeout指的是:间隔一段时间后执行,只执行一次

setInterval是指:每隔一段时间执行,执行多次

setInterval:

13<SCRIPTLANGUAGE="JavaScript">

15vartimeid;
16functionsetTime(){
17vardate=newDate();
18varh=date.getHours();
19varm=date.getMinutes();
20vars=date.getSeconds();
21document.getElementById("time").innerHTML=h+":"+m+":"+s;
22}
23timeid=setInterval("setTime()",1000);//他的调用在外部调用,而不是递归调用,表示每隔1s调用一次
24functionstop(){
25clearInterval(timeid);
26}

28</SCRIPT>
29<inputtype="button"value="暂停"οnclick="stop()">
30<inputtype="button"value="开始"οnclick="timeid=setInterval('setTime()',1000);">


setTimeout:

13<SCRIPTLANGUAGE="JavaScript">

15vartimeid;
16functionsetTime(){
17vardate=newDate();
18varh=date.getHours();
19varm=date.getMinutes();
20vars=date.getSeconds();
21document.getElementById("time").innerHTML=h+":"+m+":"+s;
22timeid=setTimeout("setTime()",1000);//递归调用,表示1s后执行一次
23}
24setTime();//页面加载后开始执行
25functionstop(){
26clearTimeout(timeid);
27}

29</SCRIPT>
30<inputtype="button"value="暂停"οnclick="stop()">
31<inputtype="button"value="开始"οnclick="timeid=setInterval('setTime()',1000);">