JavaScript setTimeout 定时器的基本使用

JavaScript setTimeout 定时器的基本使用

JavaScript 的 setTimeout() 函数可以让一段代码在指定时间后执行，常用于延迟操作、提示消息和简单的交互效果。

基本用法

setTimeout(() => {
    console.log("3秒后执行");
}, 3000);

其中 3000 表示延迟 3000 毫秒，也就是 3 秒。

使用普通函数

function sayHello() {
    console.log("Hello JavaScript");
}

setTimeout(sayHello, 2000);

这段代码会在约

JavaScript setTimeout 定时器的基本使用

JavaScript 的 setTimeout() 函数可以让一段代码在指定时间后执行，常用于延迟操作、提示消息和简单的交互效果。

基本用法

setTimeout(() => {
    console.log("3秒后执行");
}, 3000);

其中 3000 表示延迟 3000 毫秒，也就是 3 秒。

使用普通函数

function sayHello() {
    console.log("Hello JavaScript");
}

setTimeout(sayHello, 2000);

这段代码会在约 2 秒后执行 sayHello() 函数。

取消定时器

可以使用 clearTimeout() 取消尚未执行的定时器：

const timer = setTimeout(() => {
    console.log("执行任务");
}, 5000);

clearTimeout(timer);

由于定时器被取消，因此不会输出“执行任务”。

setTimeout() 经常用于网页交互、延迟提示以及异步任务处理。需要注意，指定的延迟时间并不保证代码一定会在该时刻精确执行。

2 秒后执行 sayHello() 函数。

取消定时器

可以使用 clearTimeout() 取消尚未执行的定时器：

const timer = setTimeout(() => {
    console.log("执行任务");
}, 5000);

clearTimeout(timer);

由于定时器被取消，因此不会输出“执行任务”。

setTimeout() 经常用于网页交互、延迟提示以及异步任务处理。需要注意，指定的延迟时间并不保证代码一定会在该时刻精确执行。