这两天一直在ajax的东西,昨天做一个小例子的时候发现了setTimeout这个函数,以前只知道setTimeinterval,发现这两个函数是有一些差别的。在网上搜了一下,作为备忘就转贴一下了。

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

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

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

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

例如:tttt=setTimeout('northsnow()',1000);

clearTimeout(tttt);

或者:

tttt=setInterval('northsnow()',1000);

clearInteval_r(tttt);

举一个例子:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="liujincai"></div>
<input type="button" name="start" value="start"  type="button" name="stop" value="stop"  language="javascript">
   var intvalue=1;
   var timer2=null;
   function startShow()
   {
      liujincai.innerHTML=liujincai.innerHTML + "&nbsp;" +
               (intvalue ++).toString();
      timer2=window.setTimeout("startShow()",2000);
   }
   function stop()
   {
      window.clearTimeout(timer2);
   }
</script>

或者:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="liujincai"></div>
<input type="button" name="start" value="start" onclick='timer2=window.setInterval("startShow()",2000);//startShow();'>
<input type="button" name="stop" value="stop"  language="javascript">
   var intvalue=1;
   var timer2=null;
   function startShow()
   {
      liujincai.innerHTML=liujincai.innerHTML + "&nbsp;" +
            (intvalue ++).toString();
   }
   function stop()
   {
      window.clearInterval(timer2);
   }
</script>

本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1339907,如需转载请自行联系原作者

setTimeout 与 setTimeinterval的区别相关推荐

  1. setTimeout和setInterval的区别

    setTimeout和setInterval的区别 javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行 ...

  2. JS setTimeout和setInterval的区别

    1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...

  3. 10.setTimeout和setInterval的区别以及模拟实现:

    10.setTimeout和setInterval的区别以及模拟实现: setTimeout:推迟ms后执行一次:(延时器) setInterval:间隔ms就重复执行.(重复定时器) 使用setTi ...

  4. js中的setTimeout与setTimeInterval

    setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了. setTimeout内的函数先不执行,隔一段时间后再 ...

  5. setTimeOut() 和 setTimeInterval()

    setTimeOut()は.指定された時間「待ってから」指定された動作を行う関数です. setTimeOut():等待指定时间,执行指定方法. setTimeInterval()は.指定された時間「間 ...

  6. setTimeout 和 setInterval 的区别

    setTimeout (表达式,延时时间) setInterval(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后 ...

  7. setTimeout与setTimeinterval的使用

    转自:http://www.cnblogs.com/qiantuwuliang/archive/2009/06/20/1507304.html 这两个方法都可以用来在固定的时间段后去执行一段javas ...

  8. setTimeout与setTimeinterval的使用-2020年10月23日

    setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. 这两个函数的区别是: s ...

  9. 前端页面倒计时+自动跳转功能(setTimeout和setTimeInterval两种实现)

    setTimeout实现 <!-- 8秒倒计时 --> <p><span id="time"></span>秒后自动跳转到百度< ...

最新文章

  1. Nature:Gordon组采用甘露糖苷选择性抑制尿路致病性大肠杆菌
  2. 画蛇添足:四条管脚的电位器
  3. Map-Reduce和分片集合
  4. 外贸网络推广分享让网站文章标题优化效果更好地小技巧!
  5. WinForm数据源分页技术
  6. iOS开发 Block的用法
  7. 健身小管家--android app源码
  8. 仅用 []()+! 就足以实现几乎任意Javascript代码
  9. 怎么自定义字体_自定义字体@fontface的常见应用
  10. ANSIC标准定义的6种预定义宏
  11. Spring Cloud Alibaba基础教程版本升级:0.2.1-gt;0.2.2
  12. HDU2041 超级楼梯
  13. 机器人带陀螺仪走钢丝_走直线很难吗?陀螺仪表示,少了它机器人连直线都走不了...
  14. 移除mac下 .Ds_Store的解决办法
  15. CetnOS 6.7安装Hive 1.2.1
  16. Project Euler 66: Diophantine equation
  17. jsp 图片下载功能
  18. 使用外置无线网卡来切换mac地址
  19. 仿百思不得其姐项目开发(粗略笔记,后期规范排版和更新)
  20. Method isEmpty in android.text.TextUtils not mocked

热门文章

  1. U盾简易版——控制指定U盘才能被插上电脑识别
  2. 外汇交易的最佳时间点
  3. 智能慧工厂虚拟仿真管理系统软件
  4. python beautifulsoup4 table tr_使用python的BeautifulSoup解析“tbody/tr/td”
  5. Java高级 IO和XML
  6. 京东电商增值服务模式
  7. 运维新标配,管理新方式——金榜智能DCIM
  8. 英语 | Day1、2 x 句句真研每日一句
  9. 糖尿病并发症说来就来,这些食物一定要限制摄入
  10. android activity的跳转,Android Activity跳转方式总结分享