博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

setTimeout和setInterval

Posted on 2009-05-19 10:29  linFen  阅读(525)  评论(0)  编辑  收藏  举报

setTimeout与setInterval区别

项目里看别人用了setTimeout和setInterval这两个方法,上网查了查,总结一下.
Java代码 复制代码
  1. setTimeout("showresponse('${rootUrl}index/movie.do','movieId')",400);   
  2. setInterval("showresponse('${rootUrl}index/newWarn.do','newWarnTd')",10000);  


window对象有两个主要的定时方法，分别是settimeout 和 setinteval　 他们的语法基本上相同，但是完成的功能取有区别。

　　settimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。

　　setinterval方法则是表示间隔一定时间反复执行某操作。

　　如果用settimeout实现setinerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同，调用不同的清除方法：


1)setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次

用setTimeout实现的自动变化显示随机数的效果:
Java代码 复制代码
  1. <html>    
  2. <head>    
  3. <script>    
  4. window.onload=sett;    
  5. function sett()    
  6. {    
  7. document.body.innerHTML=Math.random();    
  8. setTimeout("sett()",500);    
  9. }    
  10. </script>    
  11. </head>    
  12. <body>    
  13. </body>    
  14. </html>   


2)setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

用setInterval实现的自动变化显示随机数的效果:
Java代码 复制代码
  1. <html>    
  2. <head>    
  3. <script>    
  4. function sett()    
  5. {    
  6. document.body.innerHTML=Math.random();    
  7. }    
  8. setInterval("sett();", 500);    
  9. </script>    
  10. </script>    
  11. </head>    
  12. <body>    
  13. </body>    
  14. </html>