setTimeout和setInterval的运行机制

最新推荐文章于 2023-03-17 16:24:15 发布
最新推荐文章于 2023-03-17 16:24:15 发布
阅读量101 收藏
点赞数
分类专栏： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44788119/article/details/117979944
版权

setTimeout和setInterval的运行机制　　
　　它们都不能保证时间精度问题,第二个参数的延时只能保证何时会把代码添加到浏览器中的任务队列中去,不能保证添加到队列就会立即运行．简单的讲，这里的毫秒延时并不是说何时这些代码会执行，而是何时将回调添加任务对列中去，添加在队列中的，然后主线程还被其他的任务占用，比如正在处理用户操作，那么回调就不会马上执行．

Canvas中的requestAnimationFrame方法
接收一个参数,此参数是一个要在重绘屏幕前调用的函数,

笔描相思
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入js运行机制之--setTimeout／setInterval【深度理解】
orchid_djl的博客
04-13 524
    js是单线程机制。异步操作，如ajax请求、setTimeout/setInterval、js事件等，会等到同步程序执行之后，将异步操作放入任务队列中。    今天我们来看setTimeout／setInterval。    setTimeout的等待时间结束后，并不是直接执行的，而是推入浏览器的一个任务队列中，在同步队列结束后，再一次调用任务队列中的任务。（setInterval则是每隔...
setTimeOut和setInterval的执行机制
weixin_40197429的博客
03-15 622
摘自高程：js是一个单线程的解释器，因此一定时间内只能执行一段代码，为了控制要执行代码，就有一个js任务队列，这些任务会按照他们添加到队列的顺序执行，延时器的第二个参数告诉了js在过多长时间把当前任务添加到队列中，如果队列是空的，则添加代码立即执行，不是空的，那就让她等前面的执行完在执行。调用延时器该方法会返回一个数值Id， 表示超时调用这个超时调用Id是计划执行代码的唯一标识符，可以通过他来取消...
详细解析setTimeout和setInterval以及事件机制
眼里长着太阳，笑里全是坦荡
09-24 825
为什么要用setTimeout实现setInterval? 为什么立即执行函数和let就可以依次打印出1-5
js基础之setTimeout与setInterval原理分析
夕山雨的博客
07-06 5644
基本原理 setTimeout(func, delay, args)：设置超时调用，经过delay时间后，将func函数加入到执行队列中准备调用。如果队列为空，立即执行该函数，否则等待线程空闲再执行。 setInterval(func, interval, args)：设置 ...
javascript setTimeout和setInterval 的区别
10-29
然而，它们的工作机制和用途有所不同。 1. **setTimeout** `setTimeout`函数用于在指定的毫秒数后调用一个函数或者执行一段代码。它接收两个参数：要执行的函数（或字符串化的函数）和延迟的时间（以毫秒为单位）...
setTimeout和setInterval的深入理解
09-04
JavaScript中的`setTimeout`和`setInterval`是两个非常重要的异步编程工具，它们在Web开发中扮演着不可或缺的角色。然而，对于这两个函数的理解，往往容易陷入误解，因为它们的实际工作方式与直观理解并不完全一致。...
JavaScript中从setTimeout与setInterval到AJAX异步
10-20
JavaScript作为单线程语言，其主线程的执行是顺序的，但是在处理某些操作，如延时任务或者周期任务时，会借助事件循环机制和回调函数来实现异步特性。 ### setTimeout和setInterval - `setTimeout`用于在指定的...
快速掌握Node.js中setTimeout和setInterval的使用方法
10-22
值得注意的是，setTimeout和setInterval的执行时间并非绝对精确，因为它们依赖于Node.js的事件循环机制，而事件循环受到多种因素的影响。这包括其他正在运行的代码、系统负载以及Node.js进程内部的其他事件。在某些...
js基于setTimeout与setInterval实现多线程
10-22
在JavaScript中，可以使用`setTimeout`和`setInterval`两个函数来模拟多线程的效果。这两个函数可以让一个函数在指定的时间后执行一次，或者每隔指定的时间周期性地执行。 首先，我们来解释一下这两个函数的基本...
关于setTimeout和setInterval的实现原理
milklili的博客
09-28 2419
首先来看setTimeout()的基本用法： setTimeout(function(){ console.log("ok!"); },1000) 参数1：要延迟执行的代码，也可以不选择 参数2：延迟多少秒后执行。（其实这种说法是不准确的，实质是在一段时间后将当前任务加入到队列当中去） 上面代码的表现：在1秒以后将alert。 那么再看下面的代码 var start
js异步处理工作机制(setTimeout, setInterval)
Silence心雨的博客
09-28 809
JavaScript异步处理机制
从js运行机制看setTimeout与setInterval
lwf的博客
06-12 504
setTimeout：超时调用； setInterval：间歇调用 调用时，代码是在全局环境中执行的，里面的this在正常模式下指向window，严格模式下指向undefined。 参数： 第一个参数为字符串或者函数（建议使用函数，传递字符串可能导致性能损失） 第二个参数为以毫秒表示的时间，该时间表示多少毫秒后将当前任务加入任务队列。 注意：对于定时器，是准时添加的，但不是准时执行的。...
setInterval存在的问题
程序员小曲的博客
03-30 1558
1.setInterval机制： 延时一段时间后，将任务push到任务队列中排队执行； 在每次把任务 push 到任务队列前，都要进行一下判断(看上次的任务是否仍在队列中，如果有则不添加，没有则添加)。 基于该原理，会导致两个问题： 前一任务结束到当前任务开始的时间间隔与设置的delay值不符。 可能出现某些任务被跳过的情况 （1）任务添加的时间间隔误差较大的情况 setInterval(foo, delay) //当foo执行消耗800ms，delay为1000ms时，前一个任务执行结束到后一个任
使用setInterval遇到的陷阱
qq_41347964的博客
09-19 4350
setInterval使用遇到的坑
关于setInterval定时器的执行和setTimeout的坑
gjylalaland的博客
03-17 525
但是，由于在此事件循环周期内，页面的布局和渲染还没有完成，因此获取的元素高度可能不是最新的，而是上一个事件循环周期中的高度。的最后去执行，因为它是异步操作，如果此时在setTimeout的同层也就是setInterval里面写一些获取元素的操作，就获取不到元素了，我目前也不是太懂，菜狗如我暂时不用setTimeout了，直接await this.queryInfo()因此，定时器的执行顺序是与其他任务的执行顺序相互交错的，具体的执行顺序取决于任务队列中的任务数量和执行时间。
理解JavaScript 执行机制及异步回调（setTimeout/setInterval/Promise）
逸尘的专栏
11-24 5178
对于javascript执行机制的理解一直都是混淆不清。在面试或工作的过程中，也经常会遇到代码执行顺序或函数生命周期加载等类似的问题，这些多多少少都与javascript的执行机制相关。今天发现一篇很好的文章，欣喜之余，加以转载，供感兴趣的小伙伴学习，感谢作者分享。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出
JavaScript setInterval 循环执行 的原理
前端的路上
07-30 3892
function say(){ alert("Hello World") } setInterval(say(),2000); 这样定时器就只执行了一次 原理是： say()这是一个函数调用，函数调用就会有返回值，而say()没有返回值，所以这里的say()是一个undefined，自然你想要的循环执行say()这个函数就不会发生。   setInterval("say()",200...
setInterval执行顺序
木流沙的博客
11-13 5005
虽然setInterval是前端会经常使用的一个函数，它的作用是循环执行任务。但是很多人在使用这个函数时还是会遇到很多问题。那么就来大致了解一下这个函数的运行机制。 setInterval的运行机制是，将指定的代码移出本次执行，等到下一轮Event Loop时，再检查是否到了指定时间。如果到了，就执行对应的代码；如果不到，就等到再下一轮Event Loop时重新判断。这意味着，setTimeou...
settimeout与setinterval的原理
最新发布
09-16
setTimeout和setInterval都是JavaScript引擎提供的定时器方法。setTimeout主要用于需要进行延时调用的场景，而setInterval则用于循环调用函数。 setTimeout的运行机制是将函数添加到任务队列中，指定的时间间隔后执行一次函数。它可以保证函数在指定的时间间隔内不会被执行，即使是设置的延时很短。而setInterval会连续往任务队列中添加函数，导致函数有可能接近连续执行，这是因为任务队列中的函数执行时间可能会超过设置的时间间隔。 在实际编码中，由于setInterval存在性能问题，开发人员通常会使用setTimeout来模拟setInterval，以避免函数连续执行的情况。这种模拟的方法是在函数内部的定时器中再次调用setTimeout，以实现循环调用的效果。 总结起来，setTimeout和setInterval是用于函数的延时执行和循环调用。setTimeout将函数添加到任务队列中，指定的时间间隔后执行一次函数，而setInterval会连续往任务队列中添加函数，导致函数有可能接近连续执行。在实际编码中，开发人员通常使用setTimeout来模拟setInterval，以避免性能问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值