JS之setInterval与setTimeout（超详细）

已于 2022-01-21 10:23:40 修改
阅读量4.8k 收藏 6
点赞数 3
分类专栏： JS 文章标签： javascript
于 2021-01-28 17:56:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40639095/article/details/113351792
版权
本文详细介绍了JavaScript中的定时器setInterval和setTimeout，包括它们的返回值、清除方法、this指向以及工作原理。重点讨论了setTimeout的延迟执行特点和setInterval的无视错误与网络延迟问题，建议在使用setInterval时考虑代码错误和网络延迟的影响，推荐在回调内部使用setTimeout来避免阻塞调用。

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

在这里插入图片描述

setTimeout和setInteval是window对象上两个主要的定时方法，他们的语法基本相同，但完成的功能却完全不同。

setinterval 方法则是表示间隔一定时间反复执行
settimeout 方法是定时程序，不会反复执行，只执行一次

定时器的返回值

当我们设置定时器时(不管是setTimeout还是setInterval)，都会有一个返回值。这个返回值是一个数字，代表当前是在浏览器中设置的第几个定时器(返回的是定时器序号)。

let timer1 = setTimeout(() <
了解本专栏 订阅专栏 解锁全文 超级会员免费看
定时器
weixin_48912846的博客
01-18 395
setTimeout( )定时器 语法规范：window.setTimeout(调用函数,[延迟的毫秒数]) ①window在调用的时候可以省略 setTimeout( )方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。 setTimeout(function(){ console.log('时间到了') },2000) ②这个延迟时间单位是毫秒 但是可以省略，如果省略默认的是0 ③这个调用函数可以直接写函数 还可以写 函数名 还有一个写法 ‘函数名()’【不太建议】 //直接写函数 set
JavaScript定时器（setInterval & setTimeout ）
tuzimi的博客
11-17 890
setInterval和setTimeout是干什么的？ JS 中设置延时的函数主要有两个：setInterval和setTimeout。这两个函数的区别在于： setInterval表示的是循环执行，执行无数次直至清除循环 setTimeout表示的是延迟执行，只执行一次。 这两个函数分别对应两个清除函数： clearTimeout(对象)//清除已设置的setTime
js中SetInterval与setTimeout用法
Theo_Yuf1012的博客
03-30 398
JS里设定延时： 使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。 setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复，setTimeout不会重复。 clearTime...
setInterval与setTimeout
weixin_34038652的博客
08-23 137
在自己用canvas画一个时钟时，画秒钟用的是利用图片将重复的线条遮住，但是会出现有两个秒钟线条同时存在，才想起setInterval有那么个坑，查了点资料，记录下，若有不对的或者未写到的点，还请大家指出，谢谢^_^ 在此之前先科普下这个学习点 进程与线程的区别 借用阮一峰大大借用的比喻，实现一个小实例: 有一个大型工厂 工厂里有若干车...
如何实现精确的setInterval？
最新发布
liangshanbo1215的博客
04-25 477
通过递归调用。
js中setInterval和setTimeout
liujiujiang的博客
07-18 569
这两个应该大家都认识，我也就不多解释了。今天发现了一个很经典的例子，看下 for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000); } 先说下这个不是问你的打印的是什么，是5个5没错，但是是每隔1秒输出一个5 ？还是一秒后立即输出5个5？ ...
js中的setInterval()和setTimeout()
m0_61841474的博客
03-08 509
在JavaScript中，​setInterval()​和 ​setTimeout()​是两个常用的定时器函数。
定时器setTimeout()、setInterval()详解
热门推荐
风动之石的专栏
10-17 1万+
JavaScript 标准参考教程（alpha） 浏览器对象 定时器 GitHub  TOP  定时器 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录
javascript中SetInterval与setTimeout的定时器用法
11-22
总之，`setTimeout`和`setInterval`在JavaScript中扮演着重要角色，它们允许开发者在特定时间点或周期性地执行代码，但使用时需注意其特性，尤其是单线程环境下的行为，以及可能存在的精度问题。在实际项目中，合理...
JavaScript SetInterval与setTimeout使用方法详解
12-02
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完...
JavaScript中SetInterval与setTimeout的用法详解
10-23
在写H5游戏时经常需要使用定时刷新页面实现动画效果，比较常用即setTimeout()以及setInterval()，但是大家对SetInterval与setTimeout的用法了解吗，下面通过本文给大家详解js中SetInterval与setTimeout的用法，需要...
Js中的setInterval()和setTimeout()方法
tanxinji的博客
12-09 1081
定时器有两种 setInterval("函数名()"，时间间隔)，setTimeout("函数名()",时间间隔); 1.setTimeout("fun()"，time) 执行该函数后，隔time毫秒执行一次fun函数。只执行一次，放入到函数内可以实现多次调用。 要关掉该定时器就可以用到clearTimeout( timeobj); 在setInterval的时候用timeobj记录该对象，用于关闭该定时器。 例如：每隔一秒刷新当前时间，有...
深入解析 JavaScript 中的 setTimeout() 和 setInterval()
爱蹦跶的全栈大A阿
01-21 2026
setTimeout() 和 setInterval() 是 JavaScript 中非常常用的定时函数。合理运用它们可以实现代码的定时执行。但 setTimeout() 和 setInterval() 在使用方式和实现原理上有一些不同。本文将详细对比两者的区别,分析使用场景,帮你深入理解定时函数的精髓。​setTimeout() 用来设置一个定时器,该定时器在定时时间到达后执行提供的回调函数。其中 callback 是定时器触发后需要执行的函数,delay 是时间间隔,单位是毫秒。
setinterval和settimeout
weixin_47451403的博客
09-15 242
setinterval和settimeoutsetinterval和settimeout的区别setintervalsettimeout setinterval和settimeout的区别 setinterval和settimeout 定时器 都可以通过指定代码在特定的时刻执行 区别： setTimeout()方法只运行一次，也就是说当达到设定的时间后就出发运行指定的代码，运行完后就结束了，如果还想再次执行同样的函数，可以在函数体内再次调用setTimeout()，可以达到循环调用的效果。 setInte
js中两种定时器setTimeout和setInterval
weixin_44547914的博客
01-17 1665
js中两种定时器setTimeout和setInterval 开发工具与关键技术：DW 、Js 作者：李宥良 撰写时间：2019年1月17日 定时器的用法非常之普遍，一般动态变化的效果都会用到定时器；定时器分为setTimeout和setInterval 下面是方法和描述 计时器类型： 一、setTimeout(对象) setTimeout()计时器：在载入后延迟指定时间后,去执行一次表达式,仅执...
js中的计时事件（setInterval和setTimeout）
spider_man
03-28 714
setInterval（）间隔指定的毫秒数不停地执行指定的代码，用clearInterval()来停止 setTimeout（）指间隔多少毫秒执行制定代码，只执行一次，用clearTimeout()停止 例子：setInterval（） <!DOCTYPE html> <html lang="en"> <head> <meta charse...
js定时器setTimeOut() 和 setInterval()
weixin_43624099的博客
04-22 525
定时器 - js一、常用的两种定时器1、setTimeOut2、setInterval二、定时器序号三、定时器线程理解持续更新 记录一些以后会经常用到的模块，一点一点积累… 一、常用的两种定时器 常用的两种：setTimeOut() 和 setInterval()。interval：间隔 区别: setTimeOut()：延时调用，只执行一次； setInterval()：间隔调用，需要用清除定时器处理。 参数： setTimeout(code,millisec,lang) setInterval(co
setInterval和setTimeout详解
天天学安全专属博客
07-31 4765
JS(setinterval和settimeout)
js，定时器间歇函数setInterval和setTimeout
weixin_52493208的博客
05-20 626
相同点：1都需要开启定时器和关闭定时器2语法相同不同点：setInterval（函数，间隔时间） 每隔一段时间执行一次setTimeout（函数，间隔时间）一段时间之后在执行。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

史一试

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值