setTimeout的第二个参数

最新推荐文章于 2023-02-17 11:12:44 发布

转载最新推荐文章于 2023-02-17 11:12:44 发布 · 2.1k 阅读

本文介绍了一个关于setTimeout函数的实用技巧，即通过将setTimeout的延迟时间设为0来实现让出CPU时间给渲染线程，从而避免JavaScript执行过程中DOM操作引起的UI阻塞。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本来认为setTimeout函数只是一个简单的不能再简单的函数，今天汗了一把。

今天看到百度的源码是这么写的,

(function(){
.....
try{
document.documentElement.doScroll("left")
}catch(e){
setTimeout(arguments.callee,0);//arguments.callee是闭包函数
return;
}

第二个参数被设置为零，意思就是让其他的“渲染线程”占有cpu，渲染线程和javascript引擎线程互斥，所以当dom内容全部改好以后就不会出现异常了，可以执行下面的函数了。

答案来自于http://stackoverflow.com/questions/779379/why-is-settimeoutfn-0-sometimes-useful

还有一个js单线程的讲解，意外查到的http://www.phpv.net/html/1700.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lnn2007

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【2021春招】setTimeout第二个参数为0时和匿名自执行函数区别

超逸の学习技术博客

01-23

810

setTimeout第二个参数为0时和匿名自执行函数区别 setTimeout(f,0) setTimeout的作用是将代码推迟到指定时间执行，如果指定时间为0，即setTimeout(f,0)，那么会立刻执行吗？答案是不会。因为setTimeout运行机制说过，必须要等到当前脚本的同步任务和“任务队列”中已有的事件，全部处理完以后，才会执行setTimeout指定的任务。也就是说，setTimeout的真正作用是，在“任务队列”的现有事件的后面再添加一个事件，规定在指定时间执行某段代码。setTimeo

JavaScript:如何给setTimeout传递参数

feinifi的博客

01-06

4254

本文介绍一种在使用异步函数setTimeout时给其带上参数的方法。

参与评论您还未登录，请先登录后发表或查看评论

当setTimeout第二个时间参数为0的问题

hiro_1015的博客

07-23

1418

请说出以下代码的执行结果：下面展示一些内联代码片。 //代码片段 setTimeout(() => { console.log('我是setTimeout里的代码'); }, 0) console.log(222); 大家猜一下打印出来的结果会是什么呢？下面解释一下原因：因为JavaScript 是单线程执行的，也就是无法同时执行多段代码。当某一段代码正在执行的时候，所有后续的任务都必须等待，形成一个队列，一旦当前任务执行完毕，就会接着执行队列中的下一个任务。这也常被称为 “阻塞式执行”

【javascript】解决setTimeout不能传参的问题

网站开发初中级代码参考-转载

10-06

243

setTimeout函数是javascript中实现动态效果最关键的函数。但昨天在写代码的时候发现当第一个参数是函数调用的时候，不能向被调函数传递参数。这真是个非常严重的问题，我排查了好久才发现问题，浪费了N多时间啊。。后来上网查了查，这其实是IE的一个BUG。解决方法有很多，其中我觉得最牛的一种就是重写setTimeout函数。。。这个太麻烦了。。这里推荐一种十分简单的方法。只需要在你要调用...

原生JS面试题：setTimeout的第二个参数是0

jiang7701037的博客

12-13

3814

//一、 for(var i=1;i<=3;i++){ setTimeout(function(){ console.log(i); },0); }; //结果全是4。 /* //解释： // 虽然 setTimeout的时长是0，但是，也是启动了异步操作，而JavaScript本身是单线程的。 //所以，setTimeout的回调函数的代码（consol...

setTimeout第二个参数是0

lcyouni的博客

09-26

1106

setTimeout第二个参数是0 1.使用var声明变量 for(var i=1;i<=3;i++){ setTimeout(function(){ console.log(i); },0); }; 结果全部都是4，解释：虽然 setTimeout的时长是0，但是，也是启动了异步操作，而JavaScript本身是单线程的。所以，setTimeout的回调函数的代码（console.log(i)）必须等到循环执行完毕后再执行。而且使用var在for循环中声明

setTimeOut的多个参数使用

weixin_49160916的博客

01-20

1533

setTimeOut方法一般情况下，我们使用setTimeout函数只有两个参数，第一个参数表示即将要执行的函数表达式，第二个参数表示要等待的时间毫秒数**（1s = 1000ms）**，即： <script type="text/javascript"> setTimeout(function(){ console.log('Hello~'); }, 1000) </script> 执行上述代码则控制台在浏览器控制台输出Hello~ 多个参

js中settimeout方法加参数的使用实例

10-26

`setTimeout` 方法接受两个参数：第一个是需要执行的函数，第二个是执行函数前等待的毫秒数。如果需要在 `setTimeout` 中传递参数给回调函数，可以使用匿名函数或箭头函数。 ```javascript function timedMsg(a) { ...

精解window.setTimeout()&window.setInterval()使用方式与参数传递问题！

10-30

两个方法都接收至少两个参数：第一个参数是一个将要执行的函数或者是一个字符串形式的代码（不推荐使用字符串形式），第二个参数是指定的时间间隔，单位为毫秒。例如： ```javascript window.setTimeout(function(){...

setTimeout传参数问题

hld_hepeng的专栏

09-01

847

<br /> setTimeout传参数问题，弄了很久，终于解决了，O(∩_∩)O哈！<br />view plaincopy to clipboardprint?<br />function timeClick(obj) <br /> { <br /> // var obj=document.getElementById('<%=btnTime.ClientID %>'); <br /> obj.style.backgroundColor="g

setTimeout argument.callee

独行者

09-10

2656

setTimeout

关于setTimeout要注意的

zerofine的专栏

04-10

492

1.首先setTimeout函数里面不能传递参数for(var i = 0;i < 4;++i){setTimeout(function(i){console.log(i)},100)}答案是undefined,这里虽然有考虑到函数是按值传递的，但是却没有拿到值，这个函数参数是否没有意义for(var i = 0;i < 4;++i){(function(num){setTimeout...

setTimeout为0的作用

qq_35047721的博客

04-05

1004

但setTimeout(f,0)的作用很简单，就是为了把f放到运行队列的最后去执行。也就是说，无论setTimeout(f,0)写在哪，都可以保证在队列的最后执行。 js解析器会把setTimeout(f,0)里的f压到队列的最后，因为它是异步操作。setTimeout第二个参数为0表示立即执行。当使用这个方法的时候，浏览器会另起一个线程，来执行setTimeout里面的函数，而原有的线程继续

setTimeout()间歇调用和 setInterval()超时调用

刀刀的专栏

03-07

6011

JavaScript是单线程语言，但它允许通过设置超时值和间歇时间来调度代码在特定的时刻执行。前者是在指定的时间过后执行代码，而后者则是每隔指定的时间就执行一次代码。超时调用需要使用window对象的setTimeout()方法，他接受两个参数：要执行的代码和以毫秒表示的时间。其中，第一个参数可以是一个包含JavaScript代码的字符串，也可以是一个函数。例如，下面对st

你应该知道的 setTimeout 秘密

weixin_33932129的博客

01-10

702

计时器setTimeout是我们经常会用到的，它用于在指定的毫秒数后调用函数或计算表达式。语法：setTimeout(code, millisec, args); 注意：如果code为字符串，相当于执行eval()方法来执行code。当然，这一篇文章并不仅仅告诉你怎么用setTimeout，而且理解其是如何执行的。 1、setTime...

深入理解setTimeout setInterval记录

qq_51983617的博客

04-16

972

常见用法： setTimeout(() => { },1000) 第一个参数类型函数setTimeout(() => { console.log(000) },1000) //执行代码一秒后控制台输出000 字符串setTimeout("console.log(000)",1000) //执行代码一秒后控制台输出000 理解：其实写的所有js代码都是字符串，因为script会将js代码解析为字符串。将字符串传入定时器的第一个参数，执行代码后依然可以调用输出内容，是因为传入的

setTimeout理解

weixin_41989250的博客

02-17

6165

如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。所以上面的代码执行流程是：JS执行到setTimeout时，将其交给浏览器去计时（哪怕时间是0），然后去执行同步的for循环，因为例子中的for循环执行需要5s左右，在for循环执行3秒时，浏览器已经把之前的计时器计时完毕，然后推送到JS的事件队列里，当做下一个task任务执行，当前任务(for循环)不受影响，当for循环结束后，JS线程空了，然后去事件队列中取微任务或者新的任务(setTimeout)，然后执行。

【JavaScript】定时器

Superman_H的博客

08-11

272

使用定时器 [window.]setTimeout() 延迟定时器 [window.]setInterval() 循环定时器（间隔器）这两个是 window 的方法，所以 this → window 对象，window. 可以不写第 1 个参数匿名函数 setTimeout(function () { console.log('superman') }, 2000) 有名函数 setTimeout(function out() { console.log('super

watch和watcheffect第二个参数里面取消观察