js 定时器

JavaScript 中的定时器（Timer）是一种机制，用于在指定的时间间隔之后执行代码或者在指定的时间点执行代码。它可以用来实现延迟执行、周期性执行等需求。

JavaScript 提供了两个主要的定时器函数：

1. setTimeout()：setTimeout() 函数用于在指定的时间延迟后执行一次代码。

   setTimeout(function() {
     // 在延迟后执行的代码
   }, delay);
   

   第一个参数是一个函数，表示要执行的代码。第二个参数 delay 是延迟的毫秒数。在延迟时间到达后，指定的代码会被执行。

   例如，下面的示例会在 2 秒后输出一条消息：

   setTimeout(function() {
     console.log("2 seconds passed.");
   }, 2000);
   

2. setInterval()：setInterval() 函数用于在指定的时间间隔内反复执行一段代码。

   setInterval(function() {
     // 反复执行的代码
   }, interval);
   

   第一个参数是一个函数，表示要执行的代码。第二个参数 interval 是执行的时间间隔，以毫秒为单位。指定的代码会在每个时间间隔结束时执行。

   例如，下面的示例会每隔 1 秒输出一条消息：

   setInterval(function() {
     console.log("1 second passed.");
   }, 1000);
   

定时器返回一个唯一的标识符，可以使用 clearTimeout() 和 clearInterval() 函数来取消定时器。

• clearTimeout()：用于取消通过 setTimeout() 创建的定时器。

  var timerId = setTimeout(function() {
    // 要执行的代码
  }, delay);
  
  clearTimeout(timerId);
  

• clearInterval()：用于取消通过 setInterval() 创建的定时器。

  var timerId = setInterval(function() {
    // 要执行的代码
  }, interval);
  
  clearInterval(timerId);
  

通过使用定时器函数，可以实现各种延迟执行或周期性执行的需求，例如执行动画、定时更新数据等。