javascript 延时操作

一. 简介

        在JavaScript中，实现延时操作通常有几种方法，最常见的是使用setTimeout函数。setTimeout允许你延迟执行一段代码，直到过了指定的毫秒数。此外，还可以使用setInterval来实现周期性的延时操作。下面将详细介绍这两种方法的使用。

1. 使用setTimeout

setTimeout函数用于设置一个定时器，该定时器在指定的毫秒数后执行一个函数。

setTimeout(function, delay);
//function：要延迟执行的函数。
//delay：延迟的时间，以毫秒为单位。

示例：

setTimeout(function() {
    console.log('这段代码将在2秒后执行');
}, 2000);

---

2. 使用setInterval

setInterval函数用于按照指定的周期（以毫秒计）来周期性地调用函数。

setInterval(function, interval);
//function：要周期性执行的函数。
//interval：执行间隔的时间，以毫秒为单位。

示例：

setInterval(function() {
    console.log('这段代码每2秒执行一次');
}, 2000);

---

3. 清除延时操作

如果你需要取消一个已经设置的延时操作，可以使用clearTimeout和clearInterval函数。

(1)清除setTimeout：

let timerId = setTimeout(function() {
    console.log('这段代码将在2秒后执行');
}, 2000);
 
clearTimeout(timerId); // 取消延时操作

(2)清除setInterval：

let intervalId = setInterval(function() {
    console.log('这段代码每2秒执行一次');
}, 2000);
 
clearInterval(intervalId); // 取消周期性操作