TypeScript 定时器
在 TypeScript 中，我们经常需要使用定时器来实现一些需要延迟执行的操作。定时器可以帮助我们在指定的时间间隔内重复执行特定的代码，或者在一段时间之后执行某个函数。本文将介绍 TypeScript 中的定时器用法，并提供一些代码示例来说明。
延迟执行代码
在 TypeScript 中，我们可以使用 setTimeout 函数来延迟执行一段代码。该函数接受两个参数：要执行的代码块（可以是函数或字符串形式的代码）和延迟的时间（以毫秒为单位）。
下面是一个使用 setTimeout 函数延迟执行一段代码的示例：
setTimeout(() => {
console.log("Hello, TypeScript!");
}, 1000);
上述代码中，setTimeout 函数会在延迟 1000 毫秒（即 1 秒）后执行传入的匿名函数，并输出 "Hello, TypeScript!"。
重复执行代码
如果我们需要重复执行一段代码，可以使用 setInterval 函数。与 setTimeout 不同，setInterval 函数会在指定的时间间隔内重复执行传入的代码块。
下面是一个使用 setInterval 函数重复执行一段代码的示例：
let counter = 0;
const intervalId = setInterval(() => {
counter++;
console.log(`Counter: ${counter}`);
if (counter === 5) {
clearInterval(intervalId);
}
}, 1000);
上述代码中，我们定义了一个变量 counter，并使用 setInterval 函数每秒增加一次 counter 的值，并输出当前的值。当 counter 达到 5 时，我们使用 clearInterval 函数停止定时器的执行。
TypeScript 中的定时器类型
在 TypeScript 中，我们可以为定时器指定类型。根据要执行的代码块类型的不同，我们可以将定时器的类型分为两种：NodeJS.Timeout 和 number。
NodeJS.Timeout：当我们将一个函数传递给定时器时，返回的类型是NodeJS.Timeout。这个类型可以用于取消定时器，如上述示例中使用的clearInterval函数。
const intervalId: NodeJS.Timeout = setInterval(() => {
// Code here
}, 1000);
clearInterval(intervalId);
number：当我们将一个字符串形式的代码传递给定时器时，返回的类型是number。这个类型不可以用于取消定时器。
const timeoutId: number = setTimeout("console.log('Hello, TypeScript!')", 1000);
总结
本文介绍了在 TypeScript 中使用定时器的方法。我们可以使用 setTimeout 函数来延迟执行一段代码，以及使用 setInterval 函数重复执行一段代码。同时，我们还了解了 TypeScript 中的定时器类型，包括 NodeJS.Timeout 和 number。通过合理使用定时器，我们可以实现更加灵活和高效的代码执行。
附录
饼状图示例（使用 mermaid 语法中的 pie 标识）：
pie
title 饼状图示例
"Apple" : 45.2
"Banana" : 30.8
"Orange" : 24
旅行图示例（使用 mermaid 语法中的 journey 标识）：
journey
title 旅行图示例
section 启程
"城市 A" -> "城市 B" : Day 1
section 途中
"城市 B" -> "城市 C" : Day 2
"城市 C" -> "城市 D" : Day 3
section 抵达
"城市 D" -> "城市 E" : Day 4
通过上述示例，我们可以更直观地了解饼状图和旅行图的使用方法。希望本文对你在 TypeScript 中使用定时器有所帮助！
