js事件循环、window.setTimeout 延迟执行

最新推荐文章于 2025-05-27 08:27:52 发布
原创 最新推荐文章于 2025-05-27 08:27:52 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入解析JavaScript中的定时器setTimeout的工作原理。通过实例说明了事件循环机制下，主线程如何处理setTimeout任务，揭示了即使设置0毫秒延迟也会在主线程执行完后再执行的原因。

当执行setTimeout的线程执行完毕后，才会执行setTimeout的逻辑，这是因为，js引擎会将setTimeout放入单独的队列，当前线程执行完毕后，再执行timeout队列。

API

setTimeout(func,ms,param1,param2);

举例

console.log("before....");
setTimeout(function(){
    console.log("setTimeout function().....");
},0); //故意将延迟时间设置为0，立刻执行
console.log("after....");

结果

before....
after....
setTimeout function().....

event-loop,线程栈的执行完毕后，才会执行事件队列

JavaScript window.setTimeout() 的详细用法
12-11
js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等。但是很多javascript新手对setTimeout的用法还是不是很了解。虽然我学习和应用javascript已经两年多了，但是对setTimeout方法，有时候也要查阅资料。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout，很容易就会想到setInterval，因为这两个用法差不多，但是又有区别，今天一起总结了吧！ setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　 语法
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
10-29
JavaScript编程中，定时器函数setInterval和setTimeout是实现定时执行代码和循环执行代码的基础方法。这两个函数是Window对象的方法，允许我们在指定的时间间隔后执行代码，或者在指定的时间后执行一次代码。 ...
● JS中的window.setTimeout()详解
shuixian
02-01 348
setTimeout (表达式,延时时间)setInterval (表达式,交互时间)其中延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 1，基本用法：    var i=0;setTimeout("i+=1;ale...
JS【详解】setTimeout 延时（含清除 setTimeout，计时开始时间，0 秒延时解析，多 setTimeout 执行顺序，setTimeout 应用场景，网红面试题）
热门推荐
朝阳39的博客
05-29 1万+
setTimeout 是一个 js 内置的函数，用于延时执行代码。
setTimeout()方法实现延时执行其他功能
CJW的博客
05-07 1万+
setTimeout() 方法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 提示： 1000 毫秒= 1 秒。 提示： 如果想重复执行可以使用 setInterval() 方法。 提示： 使用 clearTimeout() 方法来阻止函数的执行。 语法 setTimeout(code, milliseconds, param1, param2, ...) setTi...
在for循环中运行setTimeout的三种情况
没有感情的代码机器的博客
07-05 1万+
在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。 下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(i),0); } 看完这段代码思考一下结果输出是什么呢？ 是不是第一时间想到的是连续的10个10呢？啊哈哈这样就...
详解JavaScript window.setTimeout()的使用与清除
在JavaScript中，`window.setTimeout()` 是一个非常重要的定时器函数，用于在指定的时间间隔后执行一次函数或代码块。这个方法的主要用途是实现非阻塞的异步操作，避免阻塞浏览器的UI渲染，从而提高用户体验。 首先...
浅谈js中的延迟执行和定时执行
11-26
JavaScript中的延迟执行和定时执行是两个非常重要的概念，它们主要用于控制代码在特定时间点或周期性地运行。本文将深入探讨`setTimeout`和`setInterval`这两个关键函数，以及如何结合使用它们以实现更复杂的定时...
alert('检测到非法调试,即将关闭此页面!');修改代码使点击alert确定按钮后再执行下面的代码 window.location.href = 'about:blank'; if (window.history.replaceState) { window.history.replaceState( null, '', window.location.pathname + window.location.search, ); }
03-15
不过，这可能没有必要，但能确保后续代码在事件循环的下一个周期执行。不过这可能不会改变实际效果，因为alert已经阻塞了主线程，直到用户点击确定。 可能用户的实际问题不是代码执行顺序的问题，而是其他问题，...
if (event.data === 'closeIframe') { setTimeout(() => { //fileLink.value = null window.close() }, 0) // 2000 毫秒 = 2 秒为什么我把延迟执行改为0就可以正常关闭了？
最新发布
10-30
- 这样做可以**延迟执行函数**，让浏览器有时间完成当前任务（如 DOM 渲染、事件处理等）； #### 2. **为什么改成 0 后可以关闭？** 这通常是因为你调用 `window.close()` 的时机**太早了**，比如： - 在 `...
js问题：for循环中的setTimeout（详解）
weixin_53141315的博客
08-24 1585
for循环中var声明的变量是全局变量，而let声明的变量是局部变量当在 for 循环中使用 let 声明变量时，每次循环迭代都会为变量创建一个新的内存空间。这是因为 let 声明具有块级作用域，每次循环迭代都会创建一个新的作用域。变量只在当前循环迭代的块内部可见，循环结束后，作用域和变量都会被释放。而var会共享一个变量。
用setTimeout实现循环执行函数
柏灿的博客
09-14 3569
用setTimeout实现间隔指定时间，执行指定次数，执行某函数
setTimeout延迟执行不同结构的作用效果
SThranduil的博客
07-18 908
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 提示： 1000 毫秒= 1 秒。 提示： 如果你只想重复执行可以使用 setInterval() 方法。 提示： 使用 clearTimeout() 方法来阻止函数的执行。 语法 1. setTimeout(code, milliseconds, param1, param2, ...) 2. setT...
js 事件循环执行顺序(setTimeout,async,promise多层嵌套)
ZFZ5720
03-05 5740
我们知道JS是单线程脚步语言，设计为单线程是有好处的，如果为多线程，当两个人同时操作了同一个资源，这样会造成同步问题，不知以谁为准。 同时,单线程也存在一些问题，比如： for(var i = 0;i<1000;i++){ console.log(1) } console.log(2) 结果就是，2将会等待1全部输出完毕后在执行，浪费了大量的时间 我们希望在等待的时间去做别的事，所以...
js中的延迟执行和定时执行
小夜丶凝眸的博客
08-18 1624
function test(){    alert("测试定时执行")}setTimeout(test,"5000");//5秒后执行test()函数，只执行一次。setInterval(test,"5000");//每隔5秒执行一次test()函数。
JavaScript的window.setTimeout()方法
laowang2915的博客
07-07 1517
JavaScript的window.setTimeout()方法 一、window.setTimeout()方法 先看看window.setTimeout函数的定义：Gecko DOM Reference-DOM window Reference-window.setTimeout。 其中，给出该函数的用法： var timeoutID = window.setTimeou
JavaScript- 3.1 定时器函数 window.settimeout & window.settinterval
HRDMN的博客
05-27 1196
本文介绍了JavaScript中的两种定时器函数setTimeout和setInterval。setTimeout用于延迟执行代码一次，而setInterval用于周期性重复执行代码。文章详细讲解了二者的基本语法、特点、区别及注意事项，并提供了代码实践示例，展示如何使用它们创建实时时钟以及如何终止定时器。同时提醒定时器并非完全精确，需要注意内存泄漏问题。该系列文章可作为前端学习笔记，代码示例可直接在HBuilder中运行练习。
JS中的window.setTimeout()详解
oEveryman的专栏
04-28 910
相关用法： setTimeout (表达式,延时时间) setInterval (表达式,交互时间) 其中延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次 setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 1，基本用法：    var i=0;    se
关于js window.setTimeout()方法
博客内容均实战过
02-17 585
如有错误望各位高手指出
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值