JS setTimeout 和setInterval 的区别
2个回答
展开全部
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>
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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询