JS下setTimeout与setInterval二者的差异

最新推荐文章于 2025-10-16 23:36:09 发布

最新推荐文章于 2025-10-16 23:36:09 发布 · 78 阅读

本文详细解析了JavaScript中的setTimeout与setInterval两种定时器的区别。setTimeout用于延迟指定时间后执行一次任务，而setInterval则是每隔固定时间执行一次任务。通过对比这两种方法，文章还介绍了如何利用它们实现不同的定时效果。

JS下setTimeout与setInterval二者的差异

很多人都觉得这两个方法差不多,但是,实际上,他们差的很远呢
因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
所以,完全是不一样的

很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的
这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果

不过,我习惯于用setInterval

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_6794

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端开发：JS中setTimeout和setInterval的对比使用

全沾软贱开发攻城狮

05-17

1万+

前言在前端开发过程中，关于计时器的使用是非常常用的知识点，也是非常重要的，尤其是需要规定延迟多久之后再去执行某个操作。在JS的计时器使用中有setTimeout和setInterval，二者都是定时器，但是它们是有差异性的。无论是在实际开发使用还是求职面试的时候，setTimeout和setInterval的对比使用都是非常重要的知识点，那么本篇博文就来分享一下关于setTimeout和setInterval的对比使用吧。 JS定时器 JS的定时器有两个方法：setTimeout()和set

JavaScript Event Loop 深入原理与优化技巧

Sapphire521的博客

05-25

JavaScript Event Loop 深入原理与优化技巧

参与评论您还未登录，请先登录后发表或查看评论

JS中的setTimeout和setInterval的区别

dianmeilan7150的博客

03-16

104

很多人都觉得这两个方法差不多,但是,实际上,他们差的很远呢因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式所以,完全是不一样的很多人习惯于将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout...

js的setTimeout和setInterval的用法及问题

weixin_43823470的博客

12-11

411

我技术不硬，最近遇到了一个问题，就是动态的让获取到的时间动态的变化，以防万一又犯同样的错误，因此记下来好查找。也希望对大家有帮助。注意：这是我个人的理解，如果有错请见谅，您可以在评论中指出，谢谢。首先我们来了解一下setTimeout和setInterval这两个方法。 setTimeout setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。(在指定的延迟时间之后调用一个函数或者执行一个代码片段。) 举个...

前端JS—浅析setTimeout和setInterval之间差别

qq_40845888的博客

01-10

422

目录一.JS中的setTimeout 二.JS中的setInterval 一.JS中的setTimeout setTimeout在MDN中解释是：该方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。 1.该方法setTimeout，是等待特定的时间后再添加到时间的队里中的； 2.由于JS引擎是单线程处理任务的，如果处于阻塞状态很可能无法精确计时；所以：单独的计时是由浏览器单独开的一个线程来计时完成的；我们回到setTimeout代码中了解； setTi...

setInterval与setTimeout的区别

liu066154的博客

06-28

944

1.setInterval与setTimeout的区别 setInterval setInterval()方法可按照指定的周期来调用函数或者计算表达式（以毫秒为单位）语法： setInterval(函数表达式，毫秒数)； setInterval()会不停的调用函数，直到clearInterval()被调用或者窗口被关闭，由 setInterval()返回的ID值可用作clearInte...

linux js延时函数,js 中 setTimeout()的用法

weixin_33436232的博客

05-09

274

setTimeout()在js类中的使用方法setTimeout (表达式,延时时间)setTimeout(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式1，基本用法：执行一段代码：var i=0;setTim...

setTimeout与setInterval核心区别及应用场景分析

在JavaScript的异步编程中，`setTimeout`与`setInterval`是两个最基础且广泛使用的定时器函数，它们均属于浏览器提供的Web API，用于实现代码的延迟或周期性执行。尽管二者在语法上相似，但在实际应用中存在本质区别...

【JS】事件循环

Supposelll的博客

11-13

970

promise内部有resolved_和rejected_变量保存成功和失败的回调，进入时会判断rejected参数是否为函数，若是函数，错误时使用rejected处理错误；若不是，则错误时直接throw错误，一直传递到最后的捕获，若最后没有被捕获，则会报错。可通过监听事件捕获未处理的promise错误。定时器检测阶段(timers)：本阶段执行timer的回调，即setTimeout里面的回调函数。

App 与 NavContainer 在 SAP UI5 中的导航模型与事件语义全解析

2007 年 ~ 2025 年，深耕 SAP 技术 18 年

10-16

SAP UI5提供了sap.m.App和sap.m.NavContainer容器控件，支持企业应用的页面导航与动画过渡。两者导航机制相同，App适合作为根容器，NavContainer适用于局部导航。系统采用双层事件模型：容器级事件(navigate/afterNavigate)用于全局导航管理，页面级生命周期事件(beforeShow/afterShow等)实现页面自治。最佳实践建议在容器级处理路由日志、焦点策略等横切逻辑，在页面级管理数据加载和资源释放。通过路由与容器协作，实现URL语义解析、动画过渡和

JS的定时器的setTimeout和setInterval

weixin_44090040的博客

08-01

1188

setTimeout和setInterval都属于JS中的定时器，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。 setTimeout只在指定时间后执行一次，代码如下： <script> function hello() { console.log("hello"); } var t1 = setTimeout(hello, 100); //使用方法名字执行方法 var t2 = setTi

js中settimeout方法加参数

vip_linux的专栏

03-01

778

js中settimeout方法加参数的方法。 js中settimeout方法加参数的使用。简单使用看w3school 里面没有参数调用，例子: function timedMsg() { var a ="dd"; var t=setTimeout(function(){ cao(a);},3000) } function cao(a) { alert(a);

JS 中的定时器 setTimeout()

热门推荐

桃树林

05-29

3万+

setTimeout()接受两个参数：要执行的代码和以毫秒表示的时间。第一个参数可以是一个包含JS代码的字符串（和在eval()函数中使用的字符串一样），也可以是一个函数。如下： //不建议传递字符串 setTimeout("alert('hello')", 1000); //推荐的方式 setTimeout(function () { alert("hello"); }, 1000); ...

JS异步处理 setTimeout / setInterval 比较

江湖小虾米

08-06

2513

一般来说JS异步处理主要有两种： setTimeout 和 setInterval 如果只需要延时执行一次XXX事件，那么一般采用setTimeout setTimeout(function(){alert("kewen nihao!")}, 2000); 很容易明白就是延时2秒，执行方法体里面的代码。但是如果需要根据某个条件循环执行，那么就必须使用setInte

FreeRTOS嵌入式实时操作系统内核源码架构与多平台移植支持项目_包含通用核心组件与特定微控制器编译器适配文件的实时内核系统_用于为不同硬件平台提供可裁剪的实时任务调度和资源管理.zip

12-06

图像分割基于遗传算法的进化聚类技术对彩色图像进行分割（Matlab代码实现）

12-06

【图像分割】基于遗传算法的进化聚类技术对彩色图像进行分割（Matlab代码实现）内容概要：本文介绍了一种基于遗传算法的进化聚类技术，用于对彩色图像进行分割，并提供了相应的Matlab代码实现。该方法结合了遗传算法的全局搜索能力与聚类算法的数据划分优势，通过迭代优化实现对彩色图像像素的有效聚类，从而完成图像分割任务。文中阐述了算法的基本原理、实现步骤以及关键参数设置，展示了该技术在处理复杂彩色图像时的有效性和鲁棒性。; 适合人群：具备一定图像处理基础和Matlab编程经验的科研人员、研究生及工程技术人员，熟悉遗传算法和聚类分析的相关理论者更佳。; 使用场景及目标：①应用于医学图像、遥感图像、目标识别等领域的图像预处理环节；②用于研究和改进现有图像分割算法，提升分割精度与效率；③作为教学案例帮助学生理解遗传算法与聚类算法的融合机制。; 阅读建议：建议读者结合提供的Matlab代码进行实践操作，深入理解算法每一步的实现逻辑，同时可通过调整遗传算法参数（如种群大小、交叉概率、变异概率）和聚类初始条

基于Matlab的太阳能-风能混合发电系统仿真模型

12-06

基于MATLAB的混合太阳能与风能发电系统建模与分析本研究旨在构建一个集成太阳能与风能发电的综合性能源系统仿真模型。该模型采用MATLAB/Simulink平台进行开发，通过建立精确的光伏阵列与风力涡轮机数学模型，实现对混合可再生能源系统动态特性的深入探究。系统设计综合考虑了气象条件变化、负载需求波动以及储能单元配置等多重因素，以评估其在多种运行场景下的性能表现。研究重点在于分析两种能源的互补特性，通过优化控制策略来平抑功率输出波动，提升供电可靠性与电网兼容性。仿真过程将详细考察不同季节与天气模式下系统的发电效率、能量管理逻辑以及整体经济性。最终，该模型可为实际混合可再生能源电站的规划设计、容量配置与运行优化提供理论依据与数据支持。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

2D三角洲html游戏