当前位置：首页 > JavaScript

js 实现每秒递增

2026-02-02 23:43:43JavaScript

在 JavaScript 中实现每秒递增的功能，可以通过多种方式实现。以下是几种常见的方法：

使用 `setInterval`

setInterval 是 JavaScript 中用于周期性执行代码的函数，适合实现每秒递增的功能。

js 实现每秒递增

let counter = 0;
const intervalId = setInterval(() => {
  counter++;
  console.log(counter);
}, 1000);

// 停止递增
// clearInterval(intervalId);

使用 `setTimeout` 递归调用

setTimeout 也可以实现每秒递增，通过递归调用自身来模拟周期性执行。

let counter = 0;
function increment() {
  counter++;
  console.log(counter);
  setTimeout(increment, 1000);
}
increment();

使用 `requestAnimationFrame`

如果需要更精确的时间控制，可以使用 requestAnimationFrame，但需要手动计算时间间隔。

js 实现每秒递增

let counter = 0;
let lastTime = 0;
function increment(timestamp) {
  if (timestamp - lastTime >= 1000) {
    counter++;
    console.log(counter);
    lastTime = timestamp;
  }
  requestAnimationFrame(increment);
}
requestAnimationFrame(increment);

使用 `async/await` 和 `Promise`

现代 JavaScript 中，可以使用 async/await 结合 Promise 实现每秒递增。

async function increment() {
  let counter = 0;
  while (true) {
    await new Promise(resolve => setTimeout(resolve, 1000));
    counter++;
    console.log(counter);
  }
}
increment();

使用 `Date` 对象计算时间

如果需要更精确的时间控制，可以使用 Date 对象计算时间间隔。

let counter = 0;
let lastTime = new Date().getTime();
function increment() {
  const currentTime = new Date().getTime();
  if (currentTime - lastTime >= 1000) {
    counter++;
    console.log(counter);
    lastTime = currentTime;
  }
  requestAnimationFrame(increment);
}
increment();