为什么setTimeout()不准时

最新推荐文章于 2024-06-24 13:53:50 发布
最新推荐文章于 2024-06-24 13:53:50 发布
阅读量5.3k 收藏 5
点赞数 3
分类专栏： 前端 文章标签： 为什么setTimeout()不准时
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WinstonLau/article/details/88954738
版权
  • 因为 JavaScript 是一个单线程序的解释器，因此一定时间内只能执行一段代码。
  • 为了控制要执行的代码，就有一个 JavaScript 任务队列。
  • 这些任务会按照将它们添加到队列的顺序执行。
  • setTimeout() 的第二个参数告诉 JavaScript 再过多长时间把当前任务添加到队列中。如果队列是空的，那么添加的代码会立即执行；如果队列不是空的，那么它就要等前面的代码执行完了以后再执行
WinstonLau
关注
专栏目录
setInterval计时器不准的问题解决方法
09-04
在js中如果打算使用setInterval进行倒数,计时等功能，往往是不准确的，针对这个问题，本文有个不错的解决方案
关于实现setTimeout准时性的探讨
cpa0701的博客
04-22 771
目录背景whileWeb WorkerrequestAnimationFramesetTimeout 系统时间补偿 背景 运行代码如下，通过一个计数器来记录每一次 setTimeout 的调用，而设定的间隔 * 计数次数，就等于理想状态下的延迟，通过以下例子来查看我们计时器的准确性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</
4种方案详解如何实现准时的setTimeout
最新发布
2401_84619287的博客
06-24 896
想得到准确的，我们第一反应就是如果我们能够主动去触发，获取到最开始的时间，以及不断去轮询当前时间，如果差值是预期的时间，那么这个定时器肯定是准确的，那么用 while 可以实现这个功能。我们通过在 worker 中写入一个 while 循环，当达到我们的预取时间的时候，再向主线程发送一个完成事件，就不会因为主线程的其他代码的干扰而造成数据不准的情况。当每一次定时器执行时后，都去获取系统的时间来进行修正，虽然每次运行可能会有误差，但是通过系统时间对每次运行的修复，能够让后面每一次时间都得到一个补偿。
setTimeout不准确
qq_44794511的博客
06-01 457
setTimeout不会严格的是设定的时间 当我们初步理解了EventLoop之后我们就理解了为什么不是严格设定的时间,也解决了我之前的疑惑 直接上结论 因为微任务在宏任务之前，微任务执行完，需要渲染页面，然后再执行宏任务中的定时器，在这之前就是误差时间 ...
怎样解决setTimeout执行时间不准确的问题？
zw_wen的博客
12-15 790
怎样解决setTimeout执行时间不准确的问题
H5和PC端setTimeOut定时器时间不准
weixin_30980795的博客
08-07 307
在h5手机端 时间不准的时候：监听事件visibilitychange重新更新时间 // 防止息屏后计时器停止，开启后刷新页面 let _this = this document.addEventListener('visibilitychange',function() { if(document.visibilityState=='visible') { _this.getLuckDraw() } }) 在pc手机端 时间不准的时候：
setTimeout和setInterval的区别你真的了解吗?
09-05
这就是为什么有时会出现时间间隔被跳过的情况。 为了避免`setInterval`的这种问题，可以使用递归的`setTimeout`来模拟间隔执行： ```javascript setTimeout(function() { // processing setTimeout(arguments....
从js运行机制看setTimeout与setInterval
lwf的博客
06-12 515
setTimeout：超时调用； setInterval：间歇调用 调用时，代码是在全局环境中执行的，里面的this在正常模式下指向window，严格模式下指向undefined。 参数： 第一个参数为字符串或者函数（建议使用函数，传递字符串可能导致性能损失） 第二个参数为以毫秒表示的时间，该时间表示多少毫秒后将当前任务加入任务队列。 注意：对于定时器，是准时添加的，但不是准时执行的。...
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
10-29
3. 考虑到JavaScript是单线程的，定时器并不能保证完全准时执行。如果执行回调函数的时间超过了设定的延迟时间，实际执行的时间可能向后推迟。 4. 由于浏览器或JavaScript引擎可能无法精确控制时间，setInterval和...
JS中的定时器requestAnimationFrame 、setTimeout 和setInterval
qq_34754747的博客
04-13 3852
1. requestAnimationFrame定时循环接口 1.1 requestAnimationFrame (rAF) 通知浏览器某个JS代码段在执行动画 浏览器会在每帧即将绘制之前，将这段代码先执行。 requestAnimationFrame和屏幕刷新是同步的，也就是说屏幕每刷新一次，requestAnimationFrame就触发一次。不同显示器的刷新率不同 那么如果要实现一个...
为啥setTimeout倒计时不能按时处理
我叫火柴
07-16 501
我们经常会遇到这样的情况，设置了setTimeout倒计时时间3秒，然后执行程序后发现远远超过了3秒后才执行。我们先尝试用简单的实例，一步步的搞懂js执行机制。
js中的两个定时器setTimeout 、setInterval都可能不准的原因和解决办法
qq_17335549的博客
03-12 2387
的执行时间会受到前一个回调函数执行时间的影响，导致累积误差，下一个回调，会在当前的回调结束之后再执行，如果当前的回调执行时间过程，那么下一次的执行是延迟的。定时器不是立刻放入事件队列中的，而是同步任务执行完了之后，timer模块计算时间到了，再放入队列中，总的来说，为了确保定时器的准确性，尽量保持回调函数的执行时间短暂，并且在需要更高精度的情况下考虑使用其他 API，例如。：JavaScript 是单线程的，如果事件循环中有其他任务阻塞了执行，：在页面不可见时，浏览器可能会降低或停止。的执行，以节省资源。
setTimeout 不准时原因及 弥补办法
卡卡西：一个擅长拷贝的前端程序员
04-29 5115
在使用 setTimeout() 时，一般都会比设定的时间要稍微长一点，即使是 setTimeout(fn, 0) 也不会立即执行。造成这种问题的根本原因是： 最小延迟时间。 有很多因素会导致setTimeout的回调函数执行比设定的预期值更久，本节将讨论最常见的原因。 最小延时 >= 4ms 在浏览器中，setTimeout()/setInterval()的每调用一次定时器的最小间隔是4ms，这通常是由于函数嵌套导致（嵌套层级达到一定深度），或者是由于已经执行的setInterval的回调函.
setTimeout不可靠的修正办法及clearTimeout
weixin_34224941的博客
06-08 463
javascript里的这两个定时器函数，大家一定耳熟能详： setTimeout("函数()",毫秒)就是开启一个计时器，指定毫秒后执行该函数一次。 有关定时器，javascript还有另一个类似的函数，setInterval("函数()",毫秒)。不同的是，setInterval不是指定时间后执行一次该函数，而是每隔指定时间执行该函数，连续不断，直到clearInter...
js中setTimeout定时器不准的原因，以及修正的办法
qq_17335549的博客
12-01 3895
js中setTimeout定时器不准的原因，以及修正的办法
JS - setTimeout时间误差解决办法
weixin_42365757的博客
03-28 3418
JS - setTimeout时间误差解决办法 一、背景 最近项目中加了一个计时器，我是用setTimeout来实现计时的，用于显示订单剩余支付时间，但我发现，短时间还好，时间长了，计时器的误差会很大。 二、问题 用setTimeout实现计时 var start = new Date().getTime() var count = 0 // 程序执行了秒数 增加 var inits = 1000 // 间隔时间 var timer = setTimeout(fun,inits) console.
js中settimeout不异步方法
02-25
1. 当迟时间为0时：当我们将延时间设置为0时，setTimeout的回调会被立执行，而不是异步执行。这因为JavaScript引擎会将延迟时间为0setTimeout任务放到当前执行栈的末尾，等待当前任务执行完毕后立即执行。 2. 当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值