JavaScript setTimeout()基本用法有哪些

JavaScript setTimeout()基本用法

setTimeout()是JavaScript中的一个内置函数，它可以在指定的时间间隔后执行一段代码。在JavaScript中，setTimeout()函数的用法非常广泛，常用于网页中的动画效果、延迟执行代码等。

setTimeout()函数的语法

setTimeout()函数的语法如下：

setTimeout(function, milliseconds, param1, param2, ...)

• function：要执行的函数或需要执行的代码块。
• milliseconds：延迟多少毫秒后执行。
• param1, param2, ...：可选参数，它们将成为函数的参数。

setTimeout()的示例

下面是两个 setTimeout() 的示例来帮助我们更好地理解它：

// 1. 使用setTimeout()实现延迟执行代码
console.log('Hello');
setTimeout(function() {
  console.log('World');
}, 5000);

在这个示例中，我们首先输出一个字符串 "Hello"，然后使用setTimeout()函数在5秒钟后输出 "World"。 setTimeout()函数可以让我们在一个指定时间内执行代码，这里延迟5秒后执行一段函数，所以它会在输出 "Hello" 5秒后才输出 "World"。

// 2. 使用setTimeout()实现重复执行代码
function sayHello() {
  console.log('Hello');
  setTimeout(sayHello, 1000);
}
sayHello();

在这个示例中，我们定义一个函数 sayHello() ，它首先输出字符串 "Hello"，然后使用setTimeout()函数来重复执行这个函数，每隔1秒钟输出字符串 "Hello"。这个示例说明了setTimeout()函数也可以用于重复执行代码。

总结

setTimeout()函数是JavaScript中一个非常有用的内置函数，它可以让我们在指定时间间隔之后执行一些代码。我们可以使用setTimeout()函数来实现一些有趣的效果，例如网页中的动画效果和延迟执行某些操作。此外，我们还可以使用setTimeout()来实现重复执行一些代码的效果。