Chinaunix首页 | 论坛 | 博客
  • 博客访问: 504732
  • 博文数量: 77
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 689
  • 用 户 组: 普通用户
  • 注册时间: 2013-08-12 08:40
文章分类

全部博文(77)

文章存档

2018年(1)

2016年(3)

2015年(24)

2014年(49)

我的朋友

分类: JavaScript

2015-07-01 10:41:14

window.setInterval()

功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

语法:setInterval(code,millisec)

解释code:在定时时间到时要执行的JavaScript代码串。

millisec:设定的定时时间,用毫秒数表示。

返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。

注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能:取消由setInterval()方法设置的定时器。

语法:clearInterval(id_of_setinterval)

解释id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。

也就是:window.setInterval()返回的就是window.clearInterval的参数

点击(此处)折叠或打开

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " style="color:#0000CC;font-size:14px;">>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript">
  6. var count = 0;
  7. var timeID;

  8. //var timeID=self.setInterval("timeCount()",1000); 加载页面可自执行

  9. function timeCount(){
  10.     document.getElementById("timetxt").value = count;
  11.       count++;
  12. }
  13. function beginCount()
  14. {
  15.       timeID = setInterval("timeCount()",1000);
  16. }

  17. /* 写法二:
  18. function beginCount()
  19. {
  20.       timeID = setInterval(function{
  21.             document.getElementById("timetxt").value = count;
  22.             count+
  23.       },1000);   
  24. }
  25. */

  26. function stopCount()
  27. {
  28.     clearInterval(timeID);
  29. }
  30. </script>
  31. </head>
  32. <body>

  33. <input type="button" value="开始计时" onclick="beginCount()" />
  34. <input type="text" id="timetxt" size="5" />
  35. <input type="button" value="停止计时" onclick="stopCount()" />

  36. </body>
  37. </html>


阅读(1882) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~