setTimeout & setInterval
来源:互联网 发布:python agv[] 编辑:程序博客网 时间:2024/05/22 04:41
那到底是setTimeout好还是setInterval 好呢。其实毫无疑问的,setTimeout比较好。setTimeout是在设定的时间后执行一次指定方法,而setInterval是每隔一定的时间久执行指定方法。可能很多人会存在疑问,这样不是setInterval更好吗,直接就可以实现循环了,setTimeout还要用递归实现循环。没错,setInterval实现循环更简单,但是却不是更好。
因为:
不过,真的这样简单吗?要知道javascript是单线程的,当要处理的事务比较多时,setTimeout的执行时间根本得不到保证,这样在不同性能的浏览器上就会有不同的表现了。这时我们可以利用时间差来控制循环体的执行时间。
这样,循环体执行的时间间隔就比较精准了。
因为:
- 无论是setTimeout还是setInterval,触发时,如果当前进程不为空,都得去排队等待执行,这一点上是无差异的。
- 区别是,setTimeout只需排一次队,setInterval则需要按照预设的间隔时间,每到时间点都去排一下。
- setInterval去排队时,如果发现自己还在队列中未执行,则会被drop掉。也就是说,同一个Interval,在队列里只会有一个。
- 因为队列机制,无论是setTimeout还是setInterval,第一次触发时的时间,只会等于大于预设时间,不可能小于。
- 对于setInterval来说,如果执行时间大于预设间隔时间,很可能导致连续执行,中间没有时间间隔,这是很糟糕的,很可能会耗费大量cpu.
所以对于动画来说,如果单帧的执行时间大于间隔时间,用setTimeout比用setInterval更保险。
于是利用setTimeout这样实现了游戏循环:
setTimeout(function(){//循环体 setTimeout(arguments.callee, 10);},10);
不过,真的这样简单吗?要知道javascript是单线程的,当要处理的事务比较多时,setTimeout的执行时间根本得不到保证,这样在不同性能的浏览器上就会有不同的表现了。这时我们可以利用时间差来控制循环体的执行时间。
var _last = new Date().getTime(); setTimeout(function(){ var _now = new Date().getTime(); if(_now - _last > delay){ _last = _now; //循环体… } setTimeout(arguments.callee, 10); },10);
这样,循环体执行的时间间隔就比较精准了。
转载地址:http://www.w3cfuns.com/article-1293-1.html
0 0
- setTimeout,setInterval
- setTimeout()&&setInterval()
- setTimeout(); setinterval()
- setInterval & setTimeout
- setinterval seTtimeout
- setTimeout&&setInterval
- setInterval & setTimeout
- setTimeout & setInterval
- setTimeout/setInterval
- setTimeout()&setInterval()
- setInterval,setTimeout
- setTimeout() setInterval()
- setTimeout和setInterval区别 setTimeout模拟setInterval
- javascript setTimeout 和 setInterval
- javascript setTimeout 和 setInterval
- setTimeout与setInterval区别
- setTimeout()与setInterval()
- setTimeOut与 setInterval区别
- 页面刷新方法
- 第五章 初始化与清理(下)
- 基于HTML5的可预览多图片Ajax上传
- Centos6.7_x64下安装Nodejs v4.0
- 通过重写ViewGroup学习onMeasure()和onLayout()方法
- setTimeout & setInterval
- JS window 对象 open方法弹窗实现父子窗口中的参数传递
- Java web添加log4j
- 归途
- int(*p)[4] int*p[4]
- Maven3路程(三)用Maven创建第一个web项目(2)servlet演示
- 分支结构
- [Android]attrs.xml文件中属性类型format值的格式
- UVA1631 - Locker