setTimeout()的相关知识和应用

来源:互联网 发布:跟兄弟连学php百度云 编辑:程序博客网 时间:2024/06/09 22:50

1、运行时机

setTimeout并不是等其他任务完成时才开始计时,而是在出发setTimeout时开始计时,如果setTimeout后面的程序的运行时间大于setTimeout的等待时间,则setTimeout中的函数会优先于后面的程序执行。

例如:

setTimeout(function(){    console.log('a')},50)anotherFun();
如果anotherFun()的执行时间超过50ms,则先输出‘a’,再运行anotherFun(),


又例如:

setTimeout(function(){    console.log('a')},50)setTimeout(function(){    console.log('b')},80)
结果先输出a,后输出b。


setTimeout(function(){    console.log('a')},50)setTimeout(function(){    console.log('b')},40)
结果先输出b,后输出a

2、定时器的精度

windows中定时器的分辨率为15ms,所以设置定时器的最小时间建议为25ms,以确保至少有15ms延迟。


3、定时器的用处

使用定时器加载有助于将耗时较长的脚本拆分成较短的片段,它会告诉JS引擎先等待一定时间,再添加一个JS任务到UI队列中,因而能有效缓解页面延迟的现象。

原创粉丝点击