在本教程中，您将借助示例了解 JavaScript setTimeout() 方法。
    setTimeout() 方法在指定时间后执行一段代码。该方法只执行一次代码。
    JavaScript setTimeout 常用的语法是：

setTimeout(function, milliseconds);

它的参数是：

• function - 包含代码块的函数
• milliseconds - 执行 function 函数的时间

setTimeout() 方法返回一个 intervalID，它是一个正整数。

示例 1：3 秒后显示一次文本

// program to display a text using setTimeout method
function greet() {
    console.log('Hello world');
}

setTimeout(greet, 3000);
console.log('This message is shown first');

输出

This message is shown first
Hello world

在上述程序中，setTimeout() 方法在3000毫秒（3秒）后调用 greet() 函数。因此，程序仅在3秒钟后显示一次文本 Hello world。
    注意：当您想在一段时间后执行一次代码块时，setTimeout() 方法很有用。例如，在指定时间后向用户显示消息。
    setTimeout() 方法返回间隔 id。例如，

// program to display a text using setTimeout method
function greet() {
    console.log('Hello world');
}

let intervalId = setTimeout(greet, 3000);
console.log('Id: ' + intervalId);

输出

Id: 3
Hello world

示例 2：每 3 秒显示一次时间

// program to display time every 3 seconds
function showTime() {

    // return new date and time
    let dateTime= new Date();

    // returns the current local time
    let time = dateTime.toLocaleTimeString();

    console.log(time)

    // display the time after 3 seconds
     setTimeout(showTime, 3000);
}

// calling the function
showTime();

输出

5:45:39 PM
5:45:43 PM
5:45:47 PM
5:45:50 PM
..................

上述程序每3秒显示一次时间。
    setTimeout() 方法仅在时间间隔（此处为3秒）之后调用该函数一次。
    但是，在上面的程序中，由于函数是调用自身，所以程序每3秒显示一次时间。
    这个程序无限期地运行（直到内存用完）。
    注意：如果您需要多次执行一个函数，最好使用 setInterval() 方法。

JavaScript clearTimeout()

正如您在上面的示例中所看到的，程序在指定的时间间隔后执行一段代码。如果要停止此函数调用，可以使用 clearTimeout() 方法。
    clearTimeout() 方法的语法是：

clearTimeout(intervalID);

这里，intervalID 是 setTimeout() 方法的返回值。

示例 3：使用 clearTimeout() 方法

// program to stop the setTimeout() method

let count = 0;

// function creation
function increaseCount(){

    // increasing the count by 1
    count += 1;
    console.log(count)
}

let id = setTimeout(increaseCount, 3000);

// clearTimeout
clearTimeout(id); 
console.log('setTimeout is stopped.');

输出

setTimeout is stopped.

在上面的程序中，setTimeout() 方法用于在3秒后增加 count 的值。但是，clearTimeout() 方法会停止 setTimeout() 方法的函数调用。因此，count 值不会增加。
    注意：当需要在 setTimeout() 方法调用之前取消它时，通常使用 clearTimeout() 方法。
    您还可以将其他参数传递给 setTimeout() 方法。语法是：

setTimeout(function, milliseconds, parameter1, ....paramenterN);

当您向 setTimeout() 方法传递附加参数时，这些参数（parameter1、parameter2等）将被传递给指定的函数。例如，

// program to display a name
function greet(name, lastName) {
    console.log('Hello' + ' ' + name + ' ' + lastName);
}

// passing argument to setTimeout
setTimeout(greet, 1000, 'John', 'Doe');

输出

Hello John Doe

在上面的程序中，两个参数 John 和 Doe 被传递给 setTimeout() 方法。
    这两个参数是传递给函数的参数（这里是 greet() 函数），是在 setTimeout() 方法中定义的。

推荐阅读： JavaScript async() 和 await()

上一教程 ：JS Proxies                                          下一教程 ：JS CallBack

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/setTimeout