setImmediate()

在循环事件任务完成后马上运行指定代码

以前使用   setTimeout(fn, 0);

Since browsers clamp their timers to 4ms, it really doesn’t matter if you say 0, 1, 2, 3, or 4

计时器间隔至少为  4毫秒,所以事实上  setTimeout(fn, 0)  并不是立即运行的

而setImmediate()  则可以立即运行

只用 ie10 支持,Mozilla and WebKit  不感冒

如果是做动画应该使用 requestAnimationFrame()  代替 setImmediate(fn, 0),这是浏览器提供用于做动画的API,DOM-based样式改变,或者canvas,或者WebGL都可以使用

用settimeout最大的问题是屏幕显示更新的频率和settimeout定义的时间不同

浏览器会进行相关优化,例如当动画的循环在一个不可见的标签时,浏览器就不会一直让他运行,节省CPU,GPU和内存,也就可以省电了

(function() {

var lastTime = 0;

var vendors = [‘ms‘, ‘moz‘, ‘webkit‘, ‘o‘];

for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {

window.requestAnimationFrame = window[vendors[x]+‘RequestAnimationFrame‘];

window.cancelAnimationFrame = window[vendors[x]+‘CancelAnimationFrame‘]

|| window[vendors[x]+‘CancelRequestAnimationFrame‘];

}

if (!window.requestAnimationFrame)

window.requestAnimationFrame = function(callback, element) {

var currTime = new Date().getTime();

var timeToCall = Math.max(0, 16 - (currTime - lastTime));

var id = window.setTimeout(function() { callback(currTime + timeToCall); },

timeToCall);

lastTime = currTime + timeToCall;

return id;

};

if (!window.cancelAnimationFrame)

window.cancelAnimationFrame = function(id) {

clearTimeout(id);

};

}());

http://www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%E5%8A%A8%E7%94%BB%E7%AE%97%E6%B3%95/

时间: 2024-10-12 19:27:42

setImmediate()的相关文章

Node.js学习笔记:setImmediate与process.nextTick

通过process.nextTick注册的函数在当前这个事件循环中执行的函数执行完毕后立即执行,相当于把当前的同步代码执行完毕之后,立刻执行所有的通过process.nextTick注册的函数,如果注册的是多个,那么注册的函数会依次按顺序执行完毕:通过setImmediate注册的函数在下一个事件循环中执行,如果有多个,那么回依次执行. 1 'use strict'; 2 const process=require('process'); 3 4 process.nextTick(functio

node 中的定时器, nextTick()和setImmediate()的使用

1.node中使用定时器的问题在于,它并非精确的.譬如setTimeout()设定一个任务在10ms后执行,但是在9ms后,有一个任务占用了5ms,再次轮到定时器时,已经耽误了4ms. 好了node中的定时器就简单的讲这么多. 2.看代码: 1 process.nextTick(function(){ 2 console.log("延迟执行"); 3 }); 4 5 console.log("正常执行1"); 6 console.log("正常执行2&qu

setTimeout和setImmediate以及process.nextTick的区别

在javascript中我们了解到了setTimeout和setInterVal函数事件队列(任务队列)的相关知识,除了setTimeout和setInterval这两个方法外,Node.js还提供了另外两个与"任务队列"有关的方法:process.nextTick和setImmediate.它们可以帮助我们加深对"任务队列"的理解. setTimeout() 首先我们看看setTimeout(setInterVal和setTimeout函数区别只是执行次数)函数,

setTimeout,setInterval,process.nextTick,setImmediate in Nodejs

Nodejs的特点是事件驱动,异步I/O产生的高并发,产生此特点的引擎是事件循环,事件被分门别类地归到对应的事件观察者上,比如idle观察者,定时器观察者,I/O观察者等等,事件循环每次循环称为Tick,每次Tick按照先后顺序从事件观察者中取出事件进行处理. 调用setTimeout()或setInterval()时创建的计时器会被放入定时器观察者内部的红黑树中,每次Tick时,会从该红黑树中检查定时器是否超过定时时间,超过的话,就立即执行对应的回调函数.setTimeout()和setInt

setImmediate vs. nextTick的区别

参考:http://stackoverflow.com/questions/15349733/setimmediate-vs-nexttick setImmediate 在已在事件队列的I/O事件触发之后发生,process.nextTick在事件队列之前,并且在当前函数结束之后发生. 因此,如果你打算打断长运行.使用递归的cpu任务,你可以使用setImmediate 而非process.nextTick来插入下一个迭代,否则任何I/O事件回调没有任何机会在迭代过程中被调用. 另外: 传递到p

【ask】Recursive process.nextTick detected. This will break in the next version of node. Please use setImmediate for recursive deferral.

1.周五对nodejs tcp长连接服务器框架进行压测,一切开始比较常规(没什么特殊问题). 2.突然手一哆嗦,把压测用的客户端群一起关闭了. 3.这个时候nodejs的服务器爆出了"Caught exception: Error: read ECONNRESET". 4.这个以前做linux服务器时候见过(忽略掉SIGPIPE信号,nodejs默认也是这么做的),没有太在意. 5.但是紧接着标题里的错误出现了,一看这个我感觉肯定不是自己直接调用的原因. 6.心想先写一个最简单的服务器

nextTick setImmediate setTimeout(fn, 0)

setImmediate()属于check观察者,其设置的回调函数,会插入到下次事件循环的末尾. process.nextTick()设置的回调函数,会在代码运行完成后立即执行,会在下次事件循环之前被调用,原文是 "the callback will fire as soon as the code runs to completion, but before going back to the event loop." process.nextTick()所设置的回调函数会存放到数组

process.nextTick,Promise.then,setTimeout,setImmediate执行顺序

1. 同步代码执行顺序优先级高于异步代码执行顺序优先级: 2. new Promise(fn)中的fn是同步执行: 3. process.nextTick()>Promise.then()>setTimeout>setImmediate 出处:https://www.jb51.net/article/151174.htm 原文地址:https://www.cnblogs.com/mengff/p/10216494.html

解读setTimeout,promise.then,process.nextTick,setImmediate的执行顺序

最近在看<Node.js调试指南>的时候遇到有意思的几道题,是关于setTimeout, promise.then, process.nextTick, setImmediate的执行顺序.今天抽空记录下这道题的分析过程及背后的原理与知识点. 题目如下: // 题目一: setTimeout(()=>{ console.log('setTimeout') },0) setImmediate(()=>{ console.log('setImmediate') }) // 题目二: c