标签： setinterval

发布于

JS `setTimeout` / `setInterval` 结合 `Promise` / `async/await` 实现延迟/重复任务

各位靓仔靓女，晚上好！我是你们今晚的讲师，老码。今天咱们聊点好玩的，关于JavaScript里setTimeout、setInterval这俩兄弟，怎么跟Promise、async/await这俩时髦精搞基（咳咳，合作）。这可不是简单的1+1=2，搞好了，能让你的代码更优雅，更易读，更逼格。 Part 1: setTimeout与Promise的爱恨情仇 首先，咱们得了解一下setTimeout这家伙。它本质上是个定时器，让你在指定的时间后执行一段代码。但是，它返回的不是Promise，这让很多习惯了Promise编程的同学很不爽。 举个栗子： function sayHelloAfterDelay(delay) { setTimeout(() => { console.log(“Hello after ” + delay + “ms!”); }, delay); } sayHelloAfterDelay(2000); // 2秒后输出 Hello after 2000ms! 这段代码没毛病，但是，如果我想在sayHelloAfterDelay执行完毕后，再做点别的事情呢？用回调 …

继续阅读“JS `setTimeout` / `setInterval` 结合 `Promise` / `async/await` 实现延迟/重复任务”

发布于

利用 `setTimeout` 与 `setInterval` 进行定时任务调度

时间的舞者：setTimeout 与 setInterval 的奇妙探戈 各位看官，大家好！今天咱们不聊高深的框架，也不啃复杂的算法，咱们来聊聊JavaScript中两个看似简单，却能玩出各种花样的“时间舞者”：setTimeout 和 setInterval。 它们就像一对默契的舞伴，在你的代码舞台上，翩翩起舞，掌控着时间的节奏，让你的程序按照你设定的节拍，优雅地执行各种任务。 别看它们名字长得有点像，性格可是截然不同。 setTimeout 就像一位羞涩的绅士，只会优雅地跳一次，然后默默退场；而 setInterval 则像一位热情奔放的舞者，一旦开始，就会不知疲倦地跳下去，直到你喊停为止。 准备好了吗？ 让我们一起走进这场时间的舞会，看看这两个舞者如何用代码编织出精彩的篇章。 一、 setTimeout：一次性优雅的转身 setTimeout，顾名思义，就是“设置超时”。 它告诉你的浏览器： “嘿，等一会儿（具体多久你说了算），然后执行一下我给你的这段代码”。 就像你跟朋友说：“半小时后，帮我倒杯水。” 朋友会在半小时后，准时把水送到你手里。 它的语法也很简单： setTimeo …

继续阅读“利用 `setTimeout` 与 `setInterval` 进行定时任务调度”

发布于

宏任务队列：`setTimeout`, `setInterval`, I/O 与 `setImmediate` 的区别

好的，各位观众老爷，各位技术大牛，以及各位正在努力爬坑的小伙伴们，欢迎来到今天的“宏任务队列大冒险”特别节目！我是你们的老朋友，Bug终结者，代码界的段子手——BugFree君！ 今天我们要聊的话题，绝对是前端面试的常青树，也是让你在异步世界里迷路的最大黑洞之一：宏任务队列！特别是setTimeout，setInterval，I/O，还有神秘兮兮的setImmediate，它们之间到底有什么爱恨情仇，恩怨纠葛呢？别着急，今天BugFree君就带你拨开云雾见青天，保证让你听得懂，记得住，还能在面试的时候秀翻全场！😎 开场白：宏任务队列，你到底是个啥？ 首先，我们要明确一个概念：JavaScript是单线程的。啥意思呢？就是说，JS一次只能做一件事情。那为什么我们还能同时听歌、刷网页、聊微信呢？这就要归功于JS的异步机制了。而宏任务队列，就是这个异步机制的重要组成部分。 你可以把宏任务队列想象成一个等待被处理的任务列表。当JS引擎遇到一个需要异步执行的任务（比如setTimeout），它不会立即执行，而是会把这个任务扔进宏任务队列里。等当前的任务执行完毕后，JS引擎才会从宏任务队列里取出一 …

继续阅读“宏任务队列：`setTimeout`, `setInterval`, I/O 与 `setImmediate` 的区别”