setTimeout与setInterval区别
项目里看别人用了setTimeout和setInterval这两个方法,上网查了查,总结一下.
window对象有两个主要的定时方法,分别是settimeout 和 setinteval 他们的语法基本上相同,但是完成的功能取有区别。
settimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setinterval方法则是表示间隔一定时间反复执行某操作。
如果用settimeout实现setinerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
1)setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
用setTimeout实现的自动变化显示随机数的效果:
2)setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式
用setInterval实现的自动变化显示随机数的效果:
- setTimeout("showresponse('${rootUrl}index/movie.do','movieId')",400);
- setInterval("showresponse('${rootUrl}index/newWarn.do','newWarnTd')",10000);
window对象有两个主要的定时方法,分别是settimeout 和 setinteval 他们的语法基本上相同,但是完成的功能取有区别。
settimeout方法是定时程序,也就是在什么时间以后干什么。干完了就拉倒。
setinterval方法则是表示间隔一定时间反复执行某操作。
如果用settimeout实现setinerval的功能,就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法:
1)setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
用setTimeout实现的自动变化显示随机数的效果:
- <html>
- <head>
- <script>
- window.onload=sett;
- function sett()
- {
- document.body.innerHTML=Math.random();
- setTimeout("sett()",500);
- }
- </script>
- </head>
- <body>
- </body>
- </html>
2)setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式
用setInterval实现的自动变化显示随机数的效果:
- <html>
- <head>
- <script>
- function sett()
- {
- document.body.innerHTML=Math.random();
- }
- setInterval("sett();", 500);
- </script>
- </script>
- </head>
- <body>
- </body>
- </html>