支持标记的基本TypeScript示例。调用start（“something”）将启动计时器，而stop（“somehing”）将结束计时器，并返回包含已用时间的格式化字符串。

查看车队示例

/**
 * Mark entries
 */
export const marks: { [id: string]: number } = {};

/**
 * Start timing 
 */
export const start = (id: string) => {
  return Object.assign(marks, {[id]: Date.now() })[id]
}

/**
 * Clear all 
 */
export const clear = () => {
  for (const id in marks) delete marks[id]; 
};

/**
 * Stop timing and return formatted elapsed time
 */
export const stop = (id: string) => {
  const ms = Date.now() - marks[id];
  delete marks[id];
  return ms > 1000 
    ? `${(ms / 1000).toFixed(0)}s ${+ms.toFixed(0).slice(1)}ms` 
    : `${ms.toFixed(0)}ms`;
};

示例代码是导出每个函数。您可以将其放置到项目中，并从默认的import调用相应的方法，例如：

import * as time from './timer.js'

time.start('foo')

// do something

console.log('elapsed time: ' + time.stop('bar'))

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

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);

在此处尝试

公认的答案是错误的！

由于JavaScript是异步的，因此接受的答案的变量端的值将是错误的。

var start = new Date().getTime();

for (i = 0; i < 50000; ++i) {
// JavaScript is not waiting until the for is finished !!
}

var end = new Date().getTime();
var time = end - start;
alert('Execution time: ' + time); 

for的执行速度可能非常快，因此您无法看到结果是错误的。您可以使用执行某些请求的代码来测试它：

var start = new Date().getTime();

for (i = 0; i < 50000; ++i) {
  $.ajax({
    url: 'www.oneOfYourWebsites.com',
    success: function(){
       console.log("success");
    }
  });
}

var end = new Date().getTime();
var time = end - start;
alert('Execution time: ' + time); 

因此，警报将非常迅速地提示，但在控制台中，您将看到ajax请求正在继续。

以下是您应该如何做到的：https://developer.mozilla.org/en-US/docs/Web/API/Performance.now

使用此代码格式

const startTime =new Date().getTime();

//do something 
const endTime = new Date().getTime();
console.log(`time taken ${(endTime - startTime)/1000} seconds`);

它可能会帮助你。

var t0=date.now（）；做某事（）；var t1=date.now（）；console.log（“调用doSomething花费了大约”+（t1-t0）/1000+“秒”）

不要使用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的唯一时间是您想向用户显示其系统时钟时间的时间。当你想得到时间或测量任何东西时，就不会这样。