JavaScript中的setTimeout函数|极客笔记

JavaScript中的setTimeout函数

在JavaScript中，setTimeout函数是一个常用的定时器函数，用于在指定的时间间隔之后执行一段指定的代码。本文将详细介绍setTimeout函数的使用方法及相关注意事项。

setTimeout函数的语法

setTimeout函数的语法如下：

setTimeout(function, milliseconds);

其中，function是要执行的代码块（可以是函数或代码字符串），milliseconds是延迟执行的时间间隔，单位是毫秒。在指定的时间间隔之后，function会被执行。

setTimeout函数的使用示例

下面是一个简单的setTimeout函数的使用示例：

function sayHello() {
  console.log('Hello, world!');
}

setTimeout(sayHello, 5000); // 5秒后输出'Hello, world!'

在上面的示例中，定义了一个名为sayHello的函数，然后通过setTimeout函数在5秒后执行sayHello函数，控制台会输出’Hello, world!’。

setTimeout函数的注意事项

1. setTimeout函数只执行一次

setTimeout函数只会执行一次。如果需要定时执行某个操作，可以在执行代码的函数内部再次调用setTimeout函数。

2. setTimeout函数的最小时间间隔

setTimeout函数的最小时间间隔取决于浏览器的实现。一般来说，最小时间间隔为4毫秒。

3. 使用箭头函数作为参数

可以使用箭头函数（ES6的语法）来作为setTimeout函数的参数，以简化代码。例如：

setTimeout(() => {
  console.log('Hello, world!');
}, 5000);

setTimeout函数的示例代码

下面是一个完整的示例代码，演示了使用setTimeout函数实现定时输出：

function countDown(seconds) {
  if (seconds >= 0) {
    console.log(seconds);
    setTimeout(() => {
      countDown(seconds - 1);
    }, 1000);
  }
}

countDown(10);

在上面的代码中，定义了一个countDown函数，实现了从指定秒数倒计时输出。通过递归调用自身和setTimeout函数，每隔1秒输出一次倒计时数字，直到倒计时结束。

运行结果

以上就是关于JavaScript中setTimeout函数的详细介绍，希望能对你有所帮助。

JavaScript中的setTimeout函数