JavaScript 间隔固定次数 - Javascript

在JavaScript中，在一定的时间间隔内执行代码是常见的需求。 无论您是在开发后端应用程序还是前端交互，使用JavaScript处理时间事件是必不可少的技能。本文将介绍如何在JavaScript中用定时器实现一个间隔固定次数的计时器。

概述

JavaScript定时器有三种类型：setTimeout，setInterval，和requestAnimationFrame。其中，setTimeout方法允许在指定时间后执行一个代码段，而setInterval则会在固定时间间隔内反复执行代码段。 本文将使用setInterval。

实现

我们要实现的计时器功能，需要定时器在一定时间间隔内执行指定代码段，并且在一定次数之后停止计时。我们可以定义一个变量来记录已经执行的次数，然后每次检查这个变量来实现计时器的停止条件。

function intervalFn(times, interval, callback) {
  let count = 0;
  const intervalId = setInterval(() => {
    count++;
    if (count === times) {
      clearInterval(intervalId);
    }
    callback(count);
  }, interval);
}

上面这个函数实现了一个每隔指定的时间（interval）执行一次传入的回调函数（callback），执行次数固定为传入的次数（times），并在达到次数后停止计时器。

我们可以对该函数进行测试。

intervalFn(5, 1000, (count) => {
  console.log(`执行了${count}次`);
});

上述代码会每隔1秒输出一次当前的执行次数，执行5次后停止计时器。

结论

本文介绍了如何使用setInterval定时器在JavaScript中实现一个间隔固定次数的计时器功能。有了这个基础，我们可以根据自己的需求，进一步扩展和优化定时器的使用。