延迟执行函数 - setTimeout()

1. 了解setTimeout()函数

setTimeout()是JavaScript中的一个内置函数，它用于在指定的时间间隔后执行一段代码或调用一个函数。其基本语法如下：

setTimeout(function, milliseconds)

其中，function参数是要执行的代码块或函数，milliseconds参数是延迟的时间，以毫秒为单位。当指定的时间间隔过去后，代码块或函数将被执行。

2. 使用setTimeout()延迟执行代码块

setTimeout()函数可以用于在指定的时间后执行一段代码块。下面是一个示例：

<script>

function sayHello() {

console.log('Hello, world!');

}

setTimeout(sayHello, 2000); // 2秒后执行sayHello函数

</script>

上述代码中，首先定义了一个名为sayHello的函数，它会在控制台打印出\"Hello, world!\"。然后，通过setTimeout()函数将这个函数延迟2秒后执行。

3. 使用setTimeout()调用函数

除了执行代码块外，setTimeout()函数还可以用于调用一个已定义的函数。下面是一个示例：

<script>

function greet(name) {

console.log('Hello, ' + name + '!');

}

function sayGoodbye(name) {

console.log('Goodbye, ' + name + '!');

}

setTimeout(greet, 1000, 'Alice'); // 1秒后调用greet函数，传入参数'Alice'

setTimeout(sayGoodbye, 2000, 'Bob'); // 2秒后调用sayGoodbye函数，传入参数'Bob'

</script>

在上述代码中，定义了两个函数greet和sayGoodbye，分别用于打印\"Hello, \"和\"Goodbye, \"，并接受一个name参数。然后，通过setTimeout()函数分别延迟1秒和2秒后调用这两个函数，并传入相应的参数。

总结

通过使用setTimeout()函数，我们可以在JavaScript中延迟执行代码块或调用函数。无论是为了在特定的时间后执行某个任务，还是为了在一定的时间间隔后重复执行某个任务，setTimeout()都是一个非常有用的工具。通过合理使用它，我们可以实现更好的用户体验和提高程序的执行效率。