📜  不带参数的 setTimeout - TypeScript (1)

📅  最后修改于: 2023-12-03 15:35:54.885000             🧑  作者: Mango

不带参数的 setTimeout - TypeScript

在 TypeScript 中,我们可以使用不带参数的 setTimeout() 来在一定的延迟之后执行一段代码,这个延迟的时间由浏览器决定,通常在 4 毫秒到几十毫秒之间。

语法

setTimeout() 方法的语法如下:

setTimeout(callback: (...args: any[]) => void, delay?: number): number;

其中,callback 参数是要执行的代码块,delay 参数是要延迟的时间,单位是毫秒,默认值为 0。

函数会返回一个定时器的 ID,可以用来取消这个定时器。

示例

下面是一个简单的示例:

function sayHello(): void {
    console.log("Hello TypeScript!");
}

let timerId: number = setTimeout(sayHello, 1000); // 1 秒后打印 "Hello TypeScript!"

在这个示例中,我们定义了一个名为 sayHello() 的函数,它会在控制台中打印一条消息。

然后,我们使用 setTimeout() 方法来在 1 秒后调用 sayHello() 函数,将返回的定时器 ID 存储在 timerId 变量中。

取消定时器

我们可以使用 clearTimeout() 方法来取消定时器,如下所示:

clearTimeout(timerId);

其中,timerId 参数是先前调用 setTimeout() 方法时返回的定时器 ID。

结论

在 TypeScript 中使用不带参数的 setTimeout() 方法很容易,可以使用它在一定的延迟之后执行某些代码,以及在需要时取消定时器。