JavaScript两种计时器的实例讲解

下面是关于“JavaScript两种计时器的实例讲解”的完整攻略。

什么是计时器

计时器是一种常见的Web开发工具，可以在特定的时间间隔内执行某些代码或者动作。JavaScript提供了两种计时器：setInterval()和setTimeout()。

setInterval()和setTimeout()这两个函数都接受两个参数：一个是要执行的函数，另一个是时间间隔（以毫秒计）。

setInterval()

setInterval()函数会定期执行给定的函数，直到停止或者页面关闭。其语法如下：

setInterval(func, delay)

其中，func表示要执行的函数，delay表示每次执行的时间间隔（以毫秒计）。

下面是一个简单的示例，每隔1秒钟，在网页中输出一条"Hello World!"：

setInterval(function() {
  console.log("Hello World!");
}, 1000);

setTimeout()

setTimeout()函数会在延迟指定时间后，执行一次给定的函数。其语法如下：

setTimeout(func, delay)

其中，func表示要执行的函数，delay表示延迟执行的时间（以毫秒计）。

下面是一个简单的示例，在网页中输出一条"Hello World!"，然后等待3秒钟后再次输出一条"Hello World!"：

console.log("Hello World!");

setTimeout(function() {
  console.log("Hello World!");
}, 3000);

在这个示例中，我们先输出一条"Hello World!"，然后在3秒钟之后再次输出一条"Hello World!"。

总结

setInterval()和setTimeout()是一些常用的计时器工具，可用于执行周期性的代码或延迟执行的代码。正确使用它们可以使您的网站更加丰富、有趣。