JS中SetTimeOut和SetInterval方法的区别?
1.setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<html> <body> <input type= "text" id= "clock" size= "35" /> <script language=javascript> var int=self.setInterval( "clock()" ,50) function clock() { var t= new Date() document.getElementById( "clock" ).value=t } </script> </form> <button onclick= "int=window.clearInterval(int)" > Stop interval</button> </body> </html> |
2.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<html> <head> <script type= "text/javascript" > function timedMsg() { var t=setTimeout( "alert('5 seconds!')" ,5000) } </script> </head> <body> <form> <input type= "button" value= "Display timed alertbox!" onClick= "timedMsg()" > </form> <p>Click on the button above. An alert box will be displayed after 5 seconds.</p> </body> </html> |