关键词

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()来实现重复执行一些代码的效果。

本文链接:http://task.lmcjl.com/news/11409.html

展开阅读全文