📜  JavaScript计时器(1)

📅  最后修改于: 2023-12-03 15:31:48.776000             🧑  作者: Mango

JavaScript计时器

计时器是JavaScript中非常常用的功能之一,特别是当需要添加一些延时操作和动画效果时。JavaScript计时器本质上是一种定时器,它能够根据预设的时间周期性地执行某个指定的操作。

常用的JavaScript计时器有两种:setTimeout()和setInterval()。

setTimeout()

setTimeout()方法会在指定的时间后调用一个函数。语法如下:

setTimeout(function, milliseconds);

其中,function是要执行的函数,milliseconds是执行函数之前需要等待的毫秒数。

例如,下面的代码会在2秒后弹出一个对话框:

setTimeout(function() {
  alert("2 seconds have passed!");
}, 2000);
setInterval()

setInterval()方法在指定的时间间隔内周期性地调用一个函数。语法如下:

setInterval(function, milliseconds);

其中,function是要周期性执行的函数,milliseconds是时间间隔,单位是毫秒。

例如,下面的代码会每隔1秒在控制台中打印一次hello:

setInterval(function() {
  console.log("hello");
}, 1000);
clearInterval()

当我们使用setInterval()方法设定一个周期性执行的函数时,该方法会返回一个唯一的ID,我们可以使用clearInterval()方法来停止这个函数的周期性执行。语法如下:

clearInterval(intervalID);

其中,intervalID是setInterval()返回的唯一ID。

例如,下面的代码会在3秒后停止周期性打印hello:

var intervalID = setInterval(function() {
  console.log("hello");
}, 1000);

setTimeout(function() {
  clearInterval(intervalID);
}, 3000);

以上就是JavaScript计时器的介绍,使用它们可以方便地实现一些延时操作和动画效果,提升网站的用户体验。