HOW - 前端定时器实践（含防抖、interval 模拟）

VIP文章 @PHARAOH

已于 2024-05-08 16:05:01 修改

阅读量1k

点赞数 29

分类专栏：前端JavaScript编程面试题学习专栏文章标签：前端 javascript

于 2024-04-14 17:22:59 首次发布

本文链接：https://blog.csdn.net/weixin_58540586/article/details/137748886

版权

一、定时器介绍

前端定时器是用于在 JavaScript 中执行延迟操作或周期性操作的机制。主要有两种类型的定时器：setTimeout 和 setInterval。

setTimeout：
- setTimeout 方法用于在指定的时间后执行一次函数。
- 语法：setTimeout(function, delay)
- function 参数是要执行的函数，delay 参数是延迟的毫秒数。
- 返回一个唯一的标识符（timer ID），可用于取消定时器。

// 示例：在 2 秒后显示提示框
const timerId = setTimeout(function() {
   
    console.log('Hello, world!');
}, 2000);
console.log(timerId); // 8584

setInterval：
- setInterval 方法用于以指定的时间间隔重复执行函数。
- 语法：setInterval(function, delay)
- function 参数是要重复执行的函数，delay 参数是时间间隔的毫秒数。
- 返回一个唯一的标识符（timer ID），可用于取消定时器。

// 示例：每隔 1 秒钟输出一次当前时间
const timerId = setInterval(function() {
   
    console.log(new Date());
}, 1000);
console.

关注