JS setTimeout 和setInterval 的区别

发布网友发布时间：2022-04-21 23:08

共2个回答

热心网友时间：2022-04-22 11:55

1.setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

<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 一次。

<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>

热心网友时间：2022-04-22 13:13

setTimeout 是指定的毫秒数到了执行一次后不再执行
setInterval 是多次执行，像是无数个setTimeout 的整合，不出错误会一直执行下去。