java中settimeout,详解setTimeout/setInterval（浏览器环境）

比眉伴天荒 2023-01-15 15:30 337阅读 0赞

setTimeout / setInterval是浏览器和node.js都有的方法。

setImmediate / process.nextTick()是node.js里的方法。

window.setImmediate部分浏览器存在，不是标准，可能也不会成为标准。

简介

setTimeout：延迟一段时间之后执行。

let timerId = setTimeout(func|code, \[delay\], \[arg1\], \[arg2\], ...)

func|code 想要执行的函数或代码字符串。

delay 执行前的延时，单位毫秒，默认为0；

arg1，arg2… 要传入被执行函数(或代码字符串)的参数列表(IE9 以下不支持)

取消调度：clearTimeout(timerId)

setInterval: 间隔一定时间重复执行。

let timerId = setInterval(func|code, \[delay\], \[arg1\], \[arg2\], ...)

参数同setTimeout。

取消调度：clearInterval(timerId)

计时规则

计时使用独立的定时器线程，计时完毕，将回调函数推入事件队列中，等待主线程执行。

setInterval严格按照间隔时间计时，不管回调执行多长时间，只要时间到了，就把下一个任务推入事件队列等待JS引擎空闲后执行。因此如果执行时间超出间隔时间，后面的回调会等待这一次执行完(且在JS引擎空闲时)立即执行。

嵌套的setTimeout只有在当前回调执行完，才开始安排下一次的计时。

(setTimeout/setInterval执行规则相关知识：Event Loop事件循环机制)

HTML5标准规定，浏览器环境中setTimeout嵌套/setInterval循环从第五次开始，间隔时间至少为4毫秒。

node.js则没有这个限制。

请注意，所有的调度方法都不能保证确切的延时。浏览器内的计时器可能由于许多原因而变慢：例如CPU 过载、浏览器标签页处于后台模式、笔记本电脑用的是电池供电(使用电池供电会以降低性能为代价提升续航)。所有这些因素，可能会将定时器的最小计时器分辨率(最小延迟)增加到 300ms 甚至 1000ms，具体以浏览器及其设置为准。

垃圾回收和闭包

当一个函数传入setInterval/setTimeout时，将为其创建一个内部引用，并保存在调度器中。因此，即使这个函数没有其他引用，也能防止被垃圾回收器回收。

对于setInterval，传入的函数也是一直存在于内存中，直到clearInterval被调用。

这种引用机制带来了副作用：如果函数引用了外部变量(形成闭包)，那么只要这个函数还存在，外部变量也会随之存在。它们可能比函数本身占用更多的内存。因此，当我们不再需要调度函数时，最好使用clearTimeout和clearInterval取消它。

![b739ec46bb5c46d9c0aa4ce35ba1ea56.png][]

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

\[详解setTimeout/setInterval(浏览器环境)\]http://www.zyiz.net/tech/detail-120067.html

[b739ec46bb5c46d9c0aa4ce35ba1ea56.png]: /images/20221022/706d6eedaaab43e98438f2fe4d1a16c0.png

发表评论取消回复

表情：

评论列表（有 0 条评论，337人围观）

还没有评论，来说两句吧...

相关阅读

相关 java中settimeout,详解setTimeout/setInterval（浏览器环境）

setTimeout / setInterval是浏览器和node.js都有的方法。 setImmediate / process.nextTick()是node.js里的方

比眉伴天荒/ 2023年01月15日 15:30/ 0 赞/ 338 阅读

相关 setInterval与setTimeout区别详解

17javascript会员们都知道，setInterval和setTimeout这两个函数有什么作用，下面17javascript来详细说明他们的区别。 s

爱被打了一巴掌/ 2022年08月13日 06:59/ 0 赞/ 192 阅读

相关 JavaScript中SetInterval与setTimeout的用法详解

在写H5游戏时经常需要使用定时刷新页面实现动画效果，比较常用即setTimeout()以及setInterval()，但是大家对SetInterval与setTimeout的用

以你之姓@/ 2022年06月13日 06:30/ 0 赞/ 236 阅读

相关浏览器中网址访问过程详解

前言当我们在浏览器中输入一个网址，比如www.google.cn，浏览器就会加载出百度的主页。那么浏览器背后完成的具体是怎么样的呢？总结起来大概的流程是这样的：

灰太狼/ 2022年06月09日 09:37/ 0 赞/ 257 阅读

相关 setTimeout详解

转自：https://www.cnblogs.com/giggle/p/5346531.html <table style="border-width:0px; border

r囧r小猫/ 2022年06月02日 10:16/ 0 赞/ 370 阅读

相关 setinterval 和 setTimeout调用方式以及浏览器缓存问题

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器，这个大家都知道，

Myth丶恋晨/ 2022年05月20日 05:16/ 0 赞/ 180 阅读

相关 setinterval 和 setTimeout调用方式以及浏览器缓存问题

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器，这个大家都知道，

刺骨的言语ヽ痛彻心扉/ 2022年04月15日 04:21/ 0 赞/ 176 阅读

相关 setinterval 和 setTimeout调用方式以及浏览器缓存问题

setinterval 和 setTimeout调用方式以及浏览器缓存问题 js中setinterval 和 setTimeout 可以做定时器，这个大家都知道，

古城微笑少年丶/ 2022年04月15日 04:21/ 0 赞/ 327 阅读

相关详解setTimeout(fn,0)

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 最近面试遇到一个题目,是有关setTimeout(fn,

男娘i/ 2022年01月16日 01:15/ 0 赞/ 179 阅读

相关 JS中setTimeout()的用法详解

setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 m

た入场券/ 2021年09月15日 07:54/ 0 赞/ 388 阅读