setTimeout和setInterval执行时间问题

最新推荐文章于 2024-06-22 21:48:15 发布
最新推荐文章于 2024-06-22 21:48:15 发布
阅读量1.9k 收藏 2
点赞数 1
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43654065/article/details/100126211
版权

关于setTimeout和setInterval执行时间问题
setTimeout：在指定的毫秒数后，将定时任务处理的函数添加到执行队列的队尾。
etInterval：按照指定的周期(以毫秒数计时)，将定时任务处理函数添加到执行队列的队尾。

但是setTimeout()时间设置成0，方法也不会立马执行的。

因为javascript是单线程编程，它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。setTimeout执行只是把任务放到代码中，没有立马去执行，所以说接下去的代码接着跑，直到js这个任务执行完成，才有可能往下执行。

HTML5标准规定

setTimeout的最短时间间隔是4毫秒；

setInterval的最短间隔时间是10毫秒。
也就是说，小于10毫秒的时间间隔会被调整到10毫秒

在线小白www
关注
专栏目录
setTimeout 和 setInterval 的定时时间深入研究
qq 2903359018博客
10-26 292
setInterval() - 间隔指定的毫秒数不停地执行指定的代码（一直执行）。 setTimeout() - 在指定的毫秒数后执行指定代码(只执行一次)。 使用setInterVal： function doStuff(){ // 此处为需要执行一段时间T的代码 } setInterVal(doStuff, 100); 下来用使用setTimeout模拟setInterval： function tick() { doStuff();
利用setInterval()方法实现在页面上显示实时时间
be_perfunctory的博客
07-19 3064
效果图: 代码如下： <body> <divid='time'></div> <script> window.onload=function(){ //每1秒刷新时间 setInterval("NowTime()",1000); } functionNowTime(){ ...
setInterval 定时任务执行时间不准验证
最新发布
ngd-b的博客
06-22 1123
一般在处理定时任务的时候都使用间隔定时调用任务。这是由于浏览器执行 JS 是单线程模式，使用定时执行的回调只会在线程空闲时调用。
setInterval () 间隔性定时器
m0_68036090的博客
03-27 7638
开发工具与关键技术：DW/js 作者：梁水秀 撰写时间：2022/3/27 js定时器 间隔性定时器setInterval () : 每隔一定的时间就触发一次 计时器setInterval()：在执行时,从载入页面后每隔指定的时间执行代码。 语法:setInterval(代码,交互时间); 参数说明： 1. 代码：要调用的函数或要执行的代码串。 2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）。 返回值:一个可以传递给clearI...
SetTimeout（延迟计时器-最小延迟）
SeriousLose
05-14 1634
setTimeout 是有最小延迟时间? MDN 文档 setTimeout 实际延时比设定值更久的原因：最小延迟时间 在浏览器中，setTimeout()/setInterval() 的每调用一次定时器的最小间隔是 4ms，这通常是由于函数嵌套导致（嵌套层级达到一定深度）。 HTML Standard Timers ...
setTimeout和setInterval
weixin_31442029的博客
03-13 109
概念： 超时调用概念：setTimeout(func,ms) 等待ms时间之后执行回调函数func，只执行一次，调用setTimeout会返回一个ID，表示超时调用，超时调用ID是计划执行代码的唯一标识，可以通过它来取消超时调用clearTimeout(ID)。 间歇调用概念：setInterval(func,ms) 按指定的时间间隔执行代码，间歇调用ID比较重要，clearInterval(ID...
setTimeout 和 setInterval
无知小九的博客
08-17 274
异步编程当然少不了定时器了，常见的定时器函数有setTimeout、、。最常用的是setTimeout，很多人认为setTimeout是延时多久，那就应该是多久后执行。其实这个观点是错误的，因为 JS 是单线程执行的，如果前面的代码影响了性能，就会导致setTimeout不会按期执行。当然了，可以通过代码去修正setTimeout接下来看，其实这个函数作用和setTimeout基本一致，只是该函数是每隔一段时间执行一次回调函数。通常来说不建议使用。第一，它和setTimeout。...
Javascript中setTimeOut和setInterval的定时器用法
01-19
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
setTimeout和setInterval的浏览器兼容性分析
10-31
通过对 `setTimeout` 和 `setInterval` 的浏览器兼容性问题的分析，我们了解到在IE浏览器中，这两个函数不支持函数参数传递这一特性。针对这一问题，可以通过使用全局变量、字符串形式的表达式或者创建闭包的方式...
VUE中setTimeout和setInterval自动销毁案例
10-14
在Vue.js应用中，我们经常会遇到使用`setTimeout`和`setInterval`来实现某些延时或周期性操作。然而，如果不正确地管理这些定时器，它们可能会在组件被销毁后仍然继续运行，导致不必要的资源消耗和潜在的问题。本文...
vue 解决setTimeOut和setInterval函数无效报错的问题
10-15
在Vue.js开发过程中，有时会遇到`setTimeout`和`setInterval`函数失效并抛出错误的问题。本文将详细解析这个问题的原因及解决方案。 首先，`setTimeout`和`setInterval`是JavaScript中的两个常用定时器函数。`...
js定时器的时间最小值-setTimeout、setInterval
dgce32897的博客
12-21 1011
HTML5标准规定 setTimeout的最短时间间隔是4毫秒； setInterval的最短间隔时间是10毫秒，也就是说，小于10毫秒的时间间隔会被调整到10毫秒 书和MDC 在John Resig的新书《Javascript忍者的秘密》一书中提到 Browsers all have a 10ms minimum delay on OSX and a(approxima...
setTimeout
前端之路漫漫而远兮，吾将上下而求索
12-20 1424
教科书里面的setTimeout 定义很简单 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 广泛应用场景 定时器，轮播图，动画效果，自动滚动等等 上面一些应该是setTimeout在大家心中的样子，因为我们平常使用也不是很多。 但是setTimeout真的有那么简单吗？ 测试题 一个题目，如果你在一段代码中发现下面内容 var startTi...
setInterval计时器延时问题
weixin_33850015的博客
10-20 851
计时器延时问题 js计时器 使用setTimeout、setInterval函数时，第二个参数的设置的时间间隔t是自该函数（setTimeout（f1,t）、setInterval(f1,t)）被调用时起，经过t毫秒后，f1被加入UI任务队列，但不一定执行，尤其是在期间有其他任务执行时，所以可能会有时间延时。因此使用setInterval函数制作计时器时，会出现延时。 注意...
详解setTimeout()
热门推荐
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
聊聊定时器 setTimeout 的时延问题
web全栈开发的博客
11-07 791
Firefox 对它识别为追踪型脚本的脚本实施额外的节流，当在前台运行时，节流的最小延迟仍然是 4ms，然而，在后台标签中，节流的最小延迟是 10000 毫秒，即 10 秒，在文档首次加载后 30 秒开始生效。到这里，我们似乎已经找到了 4ms 的出处，并且对于 setTimeout 的最小延迟有了更加精确的定义 - 需要同时满足嵌套层级超过 5 层，timeout 小于 4ms，才会设置 4ms。方法设置一个定时器，一旦定时器到期，就会执行一个函数或指定的代码片段，但是需要注意的是，
理解setTimeout和setInterval
mmjinglin的博客
01-11 387
前面的话 很长时间以来，定时器一直是javascript动画的核心技术。但是，关于定时器，人们通常只了解如何使用setTimeout()和setInterval()，对它们的内在运行机制并不理解，对于与预想不同的实际运行状况也无法解决。本文将详细介绍定时器的相关内容 setTimeout() setTimeout()方法用来指定某个函数或字符串在指定的毫秒数之后执行。它返回一个整数，表示定时器...
setInterval最短极限有多快？
u011927449的博客
07-25 1170
在几年前的一次测试里，几乎所有浏览器的定时器最短间隔都是64/1000秒，于是我默认了这个答案。但在今天无意中去测试了下，发现结果大不一样，所以要更新下过去的结论。 平时我们为了最频繁的速度执行某段代码，一般都写成setInterval(XXX, 1)。虽然明知是达不到1ms的间隔的，但我们总希望浏览器能尽可能快些。但浏览器究竟能到达多快呢？我们写个计数器测试下： var n = 0; var max = 0; function tick() { n++; } functio...
setTimeout和setinterval
02-25
setTimeout和setInterval是JavaScript中的两个定时器函数，用于在指定的时间间隔后执行一段代码。 setTimeout函数用于在指定的延迟时间后执行一次指定的函数或一段代码。它接受两个参数：要执行的函数或代码块，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值