TypeScript中的setTimeout函数详解

在TypeScript中，setTimeout函数用于在指定的毫秒数后执行一个函数或计算一个表达式，它返回一个表示定时器的ID，可以用于取消定时器。

基本用法

1、执行函数：在指定的毫秒数后执行一个函数。

function sayHello() {
  console.log("Hello, world!");
}
setTimeout(sayHello, 1000); // 1秒后执行sayHello函数

2、执行表达式：在指定的毫秒数后计算一个表达式，并将结果作为回调函数的参数。

let x = 1;
let y = 2;
setTimeout(() => console.log(x + y), 1000); // 1秒后输出3

可选参数

setTimeout函数接受以下可选参数：

1、delay（必需）：延迟的毫秒数，默认值为0。

2、arg1, arg2, …, argN：传递给回调函数的参数，最多可以传递6个参数。

3、func（必需）：要执行的函数或计算的表达式。

4、thisArg：当调用回调函数时，用作this的值。

5、timeoutId：返回的定时器ID，可以用于取消定时器。

取消定时器

可以使用clearTimeout函数取消由setTimeout创建的定时器。

let timerId: number = setTimeout(() => console.log("Hello, world!"), 1000);
clearTimeout(timerId); // 取消定时器，不会输出"Hello, world!"

示例表格