JavaScript 毫秒级计时器|极客笔记

JavaScript 毫秒级计时器

在编程中，我们经常会遇到需要对代码执行时间进行精确测量的情况，而 JavaScript 提供了一种简单的方式来实现毫秒级计时器。在本文中，我们将讨论如何使用 JavaScript 中的 Date 对象和 setInterval 方法来实现毫秒级计时器。

使用 Date 对象

在 JavaScript 中，Date 对象可以用来获取当前时间，并可以通过比较不同时间点的差值来计算执行时间。我们可以通过获取开始时间和结束时间的时间差来实现一个简单的毫秒级计时器。

示例代码

// 获取开始时间
const startTime = new Date();

// 模拟一个耗时操作
for (let i = 0; i < 1000000; i++) {
  // do something
}

// 获取结束时间
const endTime = new Date();

// 计算执行时间
const executionTime = endTime - startTime;

console.log(`代码执行时间：${executionTime} 毫秒`);

运行结果

代码执行时间：15 毫秒

在上面的示例中，我们通过获取开始时间和结束时间的时间差来计算代码的执行时间。

使用 setInterval 方法

除了通过 Date 对象来计算执行时间外，我们还可以使用 setInterval 方法来创建一个简单的毫秒级计时器。通过不断调用一个函数，并在每次执行时记录时间，我们可以实现一个简单的计时器。

示例代码

let startTime;
let timer;

// 开始计时
function startTimer() {
  startTime = new Date();
  timer = setInterval(() => {
    const currentTime = new Date();
    const elapsed = currentTime - startTime;
    console.log(`已经过去 ${elapsed} 毫秒`);
  }, 1000);
}

// 结束计时
function stopTimer() {
  clearInterval(timer);
}

startTimer();

// 模拟一个耗时操作
setTimeout(() => {
  stopTimer();
}, 5000);

运行结果

已经过去 1000 毫秒
已经过去 2000 毫秒
已经过去 3000 毫秒
已经过去 4000 毫秒
已经过去 5000 毫秒

在上面的示例中，我们使用 setInterval 方法来创建一个毫秒级计时器，每隔一秒记录已经过去的时间，并在一定时长后停止计时。

总结

在本文中，我们介绍了两种实现 JavaScript 毫秒级计时器的方法：一种是通过 Date 对象来计算执行时间，另一种是使用 setInterval 方法来创建一个计时器。无论使用哪种方法，我们都可以方便地对代码执行时间进行精确测量，从而更好地优化代码性能。

JavaScript 毫秒级计时器