具有累积循环的秒表

与服务器和客户端（节点或DOM）一起工作，使用Performance API。当您有许多小循环时（例如，在处理1000个数据对象的调用1000次的函数中）很好，但您希望了解该函数中的每个操作如何相加。

所以这一个使用了模块全局（singleton）计时器。与类单例模式相同，只是使用起来稍微简单一点，但您需要将其放在一个单独的例如秒表.js文件中。

const perf = typeof performance !== "undefined" ? performance : require('perf_hooks').performance;
const DIGITS = 2;

let _timers = {};

const _log = (label, delta?) => {
    if (_timers[label]) {
        console.log(`${label}: ` + (delta ? `${delta.toFixed(DIGITS)} ms last, ` : '') +
            `${_timers[label].total.toFixed(DIGITS)} ms total, ${_timers[label].cycles} cycles`);
    }
};

export const Stopwatch = {
    start(label) {
        const now = perf.now();
        if (_timers[label]) {
            if (!_timers[label].started) {
                _timers[label].started = now;
            }
        } else {
            _timers[label] = {
                started: now,
                total: 0,
                cycles: 0
            };
        }
    },
    /** Returns total elapsed milliseconds, or null if stopwatch doesn't exist. */
    stop(label, log = false) {
        const now = perf.now();
        if (_timers[label]) {
            let delta;
            if(_timers[label].started) {
                delta = now - _timers[label].started;
                _timers[label].started = null;
                _timers[label].total += delta;
                _timers[label].cycles++;
            }
            log && _log(label, delta);
            return _timers[label].total;
        } else {
            return null;
        }
    },
    /** Logs total time */
    log: _log,
    delete(label) {
        delete _timers[label];
    }
};

要获得精确的值，您应该使用Performance接口。Firefox、Chrome、Opera和IE的现代版本都支持它。下面是如何使用它的示例：

var performance = window.performance;
var t0 = performance.now();
doWork();
var t1 = performance.now();
console.log("Call to doWork took " + (t1 - t0) + " milliseconds.")

Date.getTime（）或console.time（）不适合测量精确的执行时间。如果快速粗略估计对您来说合适，您可以使用它们。粗略估计，我的意思是你可以从实时得到15-60毫秒的偏移。

查看这篇关于测量JavaScript执行时间的精彩文章。作者还提供了一些关于JavaScript时间准确性的链接，值得一读。

最好的方法是使用性能挂钩模块。虽然不稳定，但您可以标记代码的特定区域，并测量标记区域之间的持续时间。

const { performance, PerformanceObserver } = require('perf_hooks');

const measures = []

const obs = new PerformanceObserver(list => measures.push(...list.getEntries()));
obs.observe({ entryTypes: ['measure'] });
const getEntriesByType = cb => cb(measures);

const doSomething = val => {
  performance.mark('beginning of the process');

  val *= 2;

  performance.mark('after multiplication');

  performance.measure('time taken', 'beginning of the process', 'after multiplication');

  getEntriesByType(entries => {
    entries.forEach(entry => console.log(entry));
  })

  return val;
}

doSomething(4);

在此处尝试

不要使用Date（）。阅读以下内容。

使用performance.now（）：

<script>
var a = performance.now();
alert('do something...');
var b = performance.now();
alert('It took ' + (b - a) + ' ms.');
</script>

它适用于：

即10++火狐15++铬24++Safari 8++歌剧15++Android 4.4++等等

console.time对你来说可能可行，但它是非标准的§：

此功能是非标准的，不在标准轨道上。不要在面向Web的生产网站上使用它：它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，并且行为可能会在未来发生变化。

除了浏览器支持之外，performance.now似乎有可能提供更准确的计时，因为它似乎是console.time的基本版本。

＜rant＞此外，不要将Date用于任何事情，因为它会受到“系统时间”变化的影响。这意味着当用户没有准确的系统时间时，我们将得到无效的结果，如“负计时”：

2014年10月，我的系统时钟失控了，猜猜怎么了。。。。我打开Gmail，看到我一天的所有电子邮件都是“0分钟前发送的”。我还以为Gmail应该是由谷歌的世界级工程师建造的。。。。。。。

（将你的系统时钟设置为一年前，然后转到Gmail，这样我们都可以开怀大笑。也许有一天，我们会为JS Date举办一个“耻辱大厅”。）

Google Spreadsheet的now（）函数也存在此问题。

您将使用Date的唯一时间是您想向用户显示其系统时钟时间的时间。当你想得到时间或测量任何东西时，就不会这样。

只能使用一个变量：

var timer = -performance.now();

// Do something

timer += performance.now();
console.log("Time: " + (timer/1000).toFixed(5) + " sec.")

timer/1000-将毫秒转换为秒

.toFixed（5）-修剪多余的数字

使用Firebug，同时启用Console和Javascript。单击配置文件。重新加载再次单击配置文件。查看报告。