JS中setTimeout()的用法详解

简介

setTimeout() 是 JavaScript 提供的一个计时器函数，该函数可以在指定的时间后调用一个函数或执行一段代码。setTimeout() 可以作为一种延迟执行脚本的方式，通常用于实现一些需要进行异步处理的功能，如定时轮播、延时执行等等。

语法

setTimeout() 函数的语法如下：

setTimeout(function, milliseconds, arg1, arg2, ...)

其中，第一个参数是函数名称，第二个参数是延迟执行的毫秒数，即多长时间后执行该函数；后续的参数是传递给函数的参数，可省略。

示例

示例一

下面是一个简单的示例，该示例展示了如何使用 setTimeout() 实现一个延迟执行的效果。

console.log("start");
setTimeout(function() {
  console.log("executed after 2 seconds.");
}, 2000);

在上述代码中，先输出 "start"，然后延迟了 2 秒钟之后才输出 "executed after 2 seconds."，这样就实现了延迟执行的效果。

示例二

下面是另一个示例，该示例演示了如何传递参数给 setTimeout() 函数中的回调函数。

function sayHello(name) {
  console.log("Hello, " + name + "!");
}

console.log("start");
setTimeout(sayHello, 2000, "John");

在上述代码中，定义了一个名为 sayHello() 的函数，该函数接受一个参数 name，用于输出指定的问候语。然后使用 setTimeout() 函数调用 sayHello() 函数，并将 "John" 作为参数传递进去。这样，就可以在延迟 2 秒后，输出 "Hello, John!"。

结论

setTimeout() 是非常有用的 JavaScript 函数，可以通过它实现一些需要进行异步处理的功能。无论是实现轮播图、延迟执行等操作都可以使用 setTimeout() 函数来完成。