关闭

js定时器

695人阅读 评论(1) 收藏 举报
分类:

分类: 网站开发 windows 1837人阅读 评论(0) 收藏 举报

1. setInterval()

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

举例:

[javascript] view plaincopy
  1. <html>  
  2. <body>  
  3.   
  4. <input type="text" id="clock" size="35" />  
  5. <mce:script language=javascript><!--  
  6. var int=self.setInterval("clock()",50)  
  7. function clock()  
  8.   {  
  9.   var t=new Date().toLocaleString();  
  10.   document.getElementById("clock").value=t  
  11.   }  
  12. // --></mce:script>  
  13. <button onclick="int=window.clearInterval(int)">Stop interval</button>  
  14.   
  15. </body>  
  16. </html>  

2.setTimeout()

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

举例:

[javascript] view plaincopy
  1. <html>  
  2. <head>  
  3. <mce:script type="text/javascript"><!--  
  4. var c=0  
  5. var t  
  6. function timedCount()  
  7. {  
  8. document.getElementById('txt').value=c  
  9. c=c+1  
  10. t=setTimeout("timedCount()",1000)  
  11. }  
  12.   
  13. function stopCount()  
  14. {  
  15. clearTimeout(t)  
  16. }  
  17. // --></mce:script>  
  18. </head>  
  19.   
  20. <body>  
  21. <form>  
  22. <input type="button" value="开始计时!" onClick="timedCount()">  
  23. <input type="text" id="txt">  
  24. <input type="button" value="停止计时!" onClick="stopCount()">  
  25. </form>  
  26.   
  27. <p>  
  28. 请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。  
  29. </p>  
  30.   
  31. </body>  
  32.   
  33. </html> 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:180588次
    • 积分:2486
    • 等级:
    • 排名:第14806名
    • 原创:37篇
    • 转载:170篇
    • 译文:0篇
    • 评论:56条
    最新评论