1750

I need to get execution time in milliseconds.

Note: I originally asked this question back in 2008. The accepted answer then was to use new Date().getTime() However, we can all agree now that using the standard performance.now() API is more appropriate. I am therefore changing the accepted answer to this one.

5
  • 5
    Often a statement on what you are trying to accomplish with the execution time can prove to be far more useful than answering the question alone. These days, using Profiling in Firebug or Chrome Dev tools is often a far better way of finding the code that is sucking up your cpu juice.
    – oligofren
    Mar 6, 2013 at 10:04
  • 2
    @RyanWalker or even more simple Date.now(), it is also works in node
    – f278f1b2
    Nov 1, 2019 at 15:18
  • 2
    @oligofren - Sometimes you may want to capture this data. I have a situation where I am writing this to indexedDB Apr 8, 2020 at 4:45
  • 1
    I was wondering is there any latest document (e.g. in 2020/201) saying performance.now() is better than Date.now() in node ?
    – Qiulang
    Apr 23, 2021 at 7:00
  • For a one-liner that can be used on functions so they will log their execution time every time they're run, check out the answer below as well stackoverflow.com/a/52286301/3577695. It encapsulates the timing logic into a decorator to use it to "wrap" functions with it as needed
    – aljgom
    Nov 27, 2021 at 11:45

31 Answers 31

2729

Using performance.now():

var startTime = performance.now()

doSomething()   // <---- measured code goes between startTime and endTime
    
var endTime = performance.now()

console.log(`Call to doSomething took ${endTime - startTime} milliseconds`)

In Node.js it is required to import the performance class

importing performance

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

Using console.time: (living standard)

console.time('doSomething')
    
doSomething()   // <---- The function you're measuring time for 
    
console.timeEnd('doSomething')

Note:
The string being passed to the time() and timeEnd() methods must match
(for the timer to finish as expected).

console.time() documentations:

29
  • 38
    It's supported by Chrome Developer Tools as well now.
    – julien_c
    Mar 15, 2012 at 11:00
  • 4
    This is currently the best way to collect accurate timings from what I understand.
    – Ash Blue
    May 5, 2012 at 2:18
  • 8
    Don't you need to execute the function between those two statements? You now measure the time it takes to define it, not to execute it. Correct me if I'm wrong...
    – Cristian
    Sep 4, 2012 at 22:06
  • 7
    yes you can do `totalTime += console.timeEnd('timer')' and do it for each timer
    – vsync
    Jun 19, 2013 at 15:28
  • 3
    This is the current state of performance.now() The timestamp is not actually high-resolution. To mitigate security threats such as Spectre, browsers currently round the result to varying degrees. (Firefox started rounding to 2 milliseconds in Firefox 59.) Some browsers may also slightly randomize the timestamp. The precision may improve again in future releases; browser developers are still investigating these timing attacks and how best to mitigate them.
    – miknik
    Jul 14, 2018 at 17:59
707

use new Date().getTime()

The getTime() method returns the number of milliseconds since midnight of January 1, 1970.

ex.

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

for (i = 0; i < 50000; ++i) {
// do something
}

var end = new Date().getTime();
var time = end - start;
alert('Execution time: ' + time);
14
  • 10
    Note that you can substitute +new Date() for the getTime() call: var start = +new Date(); // do stuff alert("Execution time: "+(+new Date())-start);
    – J c
    Nov 24, 2008 at 13:00
  • 66
    Timings are not accurate because Date is not intended for this functionality. I'm going to be bold here and say you should use vsync's example if you want accurate timing. Although it only works in Chrome and Firefox ATM.
    – Ash Blue
    May 5, 2012 at 2:17
  • 10
    Beware, the getMilliseconds() gives you the millisecond fraction of the current second. If you replace getTime() with getMilliseconds() you can get negative results if you cross a second.
    – RickyA
    Jan 10, 2013 at 15:47
  • 7
    The answer by vsync is far more correct by todays standards, and using Date() can result in very erronous results being displayed, especially on the Windows platform where results may be rounded+floored to the nearest 15ms boundary, resulting in weird stuff such as 0ms timings on tiny code bits.
    – oligofren
    Mar 6, 2013 at 9:59
  • 30
    @AshBlue, we should use window.performance.now. See stackoverflow.com/a/15641427/632951
    – Pacerier
    Nov 2, 2013 at 2:17
462

Don't use Date(). Read below.

Use performance.now():

const a = performance.now();
alert('do something...');
const b = performance.now();
alert('It took ' + (b - a) + ' ms.');

It works on:

  • IE 10 ++

  • FireFox 15 ++

  • Chrome 24 ++

  • Safari 8 ++

  • Opera 15 ++

  • Android 4.4 ++

  • etc, etc

console.time may be viable for you, but it's non-standard §:

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Besides browser support, performance.now seems to have the potential to provide more accurate timings as it appears to be the bare-bones version of console.time.


<rant> Also, DON'T EVER use Date for anything because it's affected by changes in "system time". Which means we will get invalid results —like "negative timing"— when the user doesn't have an accurate system time:

On Oct 2014, my system clock went haywire and guess what.... I opened Gmail and saw all of my day's emails "sent 0 minutes ago". And I'd thought Gmail is supposed to be built by world-class engineers from Google.......

(Set your system clock to one year ago and go to Gmail so we can all have a good laugh. Perhaps someday we will have a Hall of Shame for JS Date.)

Google Spreadsheet's now() function also suffers from this problem.

The only time you'll be using Date is when you want to show the user his system clock time. Not when you want to get the time or to measure anything.

9
  • 4
    Just what I was looking for! I want to be able to add several times together, can't really do that with console times.
    – Ray
    Sep 29, 2013 at 13:33
  • 11
    note that this isn't supported in safari yet: developer.mozilla.org/en-US/docs/Web/API/Performance.now()
    – Akos K
    Nov 1, 2013 at 21:11
  • 3
    I use Firebug Profile and performance.now(), and they both work well. Performance.now() confirms my result from Profile. Feb 11, 2014 at 10:01
  • 3
    Doesn't work in my biggest hangup, which is IE7 (corporate customers.) I don't care about measuring performance in chrome, it's always lightning fast.
    – Nick
    Mar 3, 2014 at 18:27
  • 3
    This is a better way then console.time().
    – Sanjeev
    Jan 25, 2015 at 12:15
65

If you need to get function execution time on your local development machine, you can either use your browser's profiling tools, or console commands such as console.time() and console.timeEnd().

All modern browsers have JavaScript profilers built-in. These profilers should give the most accurate measurement as you do not have to modify your existing code, which could affect the function's execution time.

To profile your JavaScript:

  • In Chrome, press F12 and select the Profiles tab, then Collect JavaScript CPU Profile.
  • In Firefox, install/open Firebug, and click on the Profile button.
  • In IE 9+, press F12, click on Script or Profiler (depending on your version of IE).

Alternatively, on your development machine, you can add instrumentation to your code with console.time() and console.timeEnd(). These functions, supported in Firefox11+, Chrome2+ and IE11+, report on timers that you start/stop via console.time(). time() takes a user-defined timer name as an argument, and timeEnd() then reports on the execution time since the timer started:

function a() {
  console.time("mytimer");
  ... do stuff ...
  var dur = console.timeEnd("myTimer"); // NOTE: dur only works in FF
}

Note that only Firefox returns the elapsed time in the timeEnd() call. The other browsers simply report the result to the developer console: the return value of timeEnd() is undefined.

If you want to get function execution time in the wild, you will have to instrument your code. You have a couple options. You can simply save the start and end times by querying new Date().getTime():

function a() {
  var start = new Date().getTime();
  ... do stuff ...
  var end = new Date().getTime();
  var dur = end - start;
}

However, the Date object only has millisecond resolution and will be affected by any OS's system clock changes. In modern browsers, there's a better option.

The better option is to use the High Resolution Time, aka window.performance.now(). now() is better than the traditional Date.getTime() in two important ways:

  1. now() is a double with submillisecond resolution that represents the number of milliseconds since the start of the page's navigation. It returns the number of microseconds in the fractional (e.g. a value of 1000.123 is 1 second and 123 microseconds).

  2. now() is monotonically increasing. This is important as Date.getTime() can possibly jump forward or even backward on subsequent calls. Notably, if the OS's system time is updated (e.g. atomic clock synchronization), Date.getTime() is also updated. now() is guaranteed to always be monotonically increasing, so it is not affected by the OS's system time -- it will always be wall-clock time (assuming your wall clock is not atomic...).

now() can be used in almost every place that new Date().getTime(), + new Date andt Date.now() are. The exception is that Date and now() times don't mix, as Date is based on unix-epoch (the number of milliseconds since 1970), while now() is the number of milliseconds since your page navigation started (so it will be much smaller than Date).

Here's an example of how to use now():

function a() {
  var start = window.performance.now();
   ... do stuff ...
  var end = window.performance.now();
  var dur = end - start;
}

now() is supported in Chrome stable, Firefox 15+, and IE10. There are also several polyfills available.

One other option for measuring execution time in the wild is UserTiming. UserTiming behaves similarly to console.time() and console.timeEnd(), but it utilizes the same High Resolution Timestamp that now() uses (so you get a sub-millisecond monotonically increasing clock), and saves the timestamps and durations to the PerformanceTimeline.

UserTiming has the concepts of marks (timestamps) and measures (durations). You can define as many of either as you want, and they're exposed on the PerformanceTimeline.

To save a timestamp, you call mark(startMarkName). To get the duration since your first mark, you simply call measure(measurename, startMarkname). The duration is then saved in the PerformanceTimeline alongside your marks.

function a() {
  window.performance.mark("start");
  ... do stuff ...
  window.performance.measure("myfunctionduration", "start");
}

// duration is window.performance.getEntriesByName("myfunctionduration", "measure")[0];

UserTiming is available in IE10+ and Chrome25+. There is also a polyfill available (which I wrote).

1
  • 1
    Excellent and most current answer IMHO :) It would be even better with a bit of editing. I'd say that user timing is not "one other option" for measuring, but the preferred option when the benchmarking is not done on the development machine itself. With your polyfill it works across all browsers. And hiding away the details and boilerplate of performance.now and Date is the reason it exists.
    – hashchange
    Jul 19, 2014 at 10:10
39

To get precise values you should use Performance interface. It's supported in modern versions of Firefox, Chrome, Opera and IE. Here's an example of how it can be used:

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

Date.getTime() or console.time() are not good for measuring precise execution time. You can use them if quick rough estimate is OK for you. By rough estimate I mean you can get 15-60 ms shift from the real time.

Check this brilliant post on measuring execution time in JavaScript. The author also gives a couple of links about accuracy of JavaScript time, worth reading.

2
  • This works best because the accepted answer requires node.js and this answer does not. Coincidentally your total points 1,963 equals my birrth year! Mar 9, 2022 at 1:48
  • @WinEunuuchs2Unix Alas, your total points 1,382 means nothing special to me. Make it to 1,991 and give me five :) Mar 10, 2022 at 12:46
21

Use Firebug, enable both Console and Javascript. Click Profile. Reload. Click Profile again. View the report.

3
  • 9
    Good advice but obviously works only for FF. We often want to compare browser speeds... :-)
    – PhiLho
    Nov 24, 2008 at 11:27
  • 4
    On new Firebuq they hide this options to menu, use CTRL + SHIFT + P or console.profile(); console..profileEnd()
    – user956584
    Feb 29, 2012 at 8:25
  • 7
    Chrome supports console.time() and console.timeEnd() too now.
    – julien_c
    Mar 15, 2012 at 11:01
21

A simple solution, you can use add operator also here

 var start = +new Date();
 callYourFunctionHere();
 var end = +new Date();
 var time = end - start;
 console.log('total execution time = '+ time + 'ms');
2
  • 1
    Thanks , but what is that + in +new Date() ?. You're forcing casting to Number maybe ?
    – Bardelman
    Jul 2, 2021 at 9:00
  • 2
    @Bardelman Exactly It's same as Number(new Date()). Jul 2, 2021 at 9:16
16

process.hrtime() is available within Node.js - it returns a value in nanoseconds

let hrTime = process.hrtime()
console.log(hrTime[0] * 1000000 + hrTime[1] / 1000)
1
  • 1
    if you rather convert it to ms e-3 rather than the suggested microsecond e-6: hrtime[0] * 1000 + hrtime[1] / 1000000 -> yeah, I rather use var hrtime as well! :P
    – cregox
    Mar 25, 2017 at 14:21
16

Here's a decorator for timing functions

It wraps functions so that they get timed each time they get run

Usage:

let test = () => { /* does something */ }
test = timed(test)   // turns the function into a timed function in one line
test()               // run your code as normal, logs 'function test took 1001.900ms' 

This is the decorator:

let timed = (f) => (...args) => {
    let start = performance.now();
    let ret = f(...args);
    console.log(`function ${f.name} took ${(performance.now() - start).toFixed(3)}ms`);
    return ret;   
}

If you're using async functions you can make timed async and add an await before f(...args), and that should work for those. It gets more complicated if you want one decorator to handle both sync and async functions.

3
  • 1
    This is exactly what I was looking for. Thank you! Jun 27, 2019 at 17:18
  • Is there any way to make it universal to use with async functions also?
    – TotalAMD
    Jan 5, 2020 at 2:31
  • 1
    This is great, any way to make it respect Typescript types? Oct 14, 2020 at 9:07
14

It is possible to use only one variable:

var timer = -performance.now();

// Do something

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

timer/1000 - to convert milliseconds to seconds

.toFixed(5) - to trim extra digits

13
var StopWatch = function (performance) {
    this.startTime = 0;
    this.stopTime = 0;
    this.running = false;
    this.performance = performance === false ? false : !!window.performance;
};

StopWatch.prototype.currentTime = function () {
    return this.performance ? window.performance.now() : new Date().getTime();
};

StopWatch.prototype.start = function () {
    this.startTime = this.currentTime();
    this.running = true;
};

StopWatch.prototype.stop = function () {
    this.stopTime = this.currentTime();
    this.running = false;
};

StopWatch.prototype.getElapsedMilliseconds = function () {
    if (this.running) {
        this.stopTime = this.currentTime();
    }

    return this.stopTime - this.startTime;
};

StopWatch.prototype.getElapsedSeconds = function () {
    return this.getElapsedMilliseconds() / 1000;
};

StopWatch.prototype.printElapsed = function (name) {
    var currentName = name || 'Elapsed:';

    console.log(currentName, '[' + this.getElapsedMilliseconds() + 'ms]', '[' + this.getElapsedSeconds() + 's]');
};

Benchmark

var stopwatch = new StopWatch();
stopwatch.start();

for (var index = 0; index < 100; index++) {
    stopwatch.printElapsed('Instance[' + index + ']');
}

stopwatch.stop();

stopwatch.printElapsed();

Output

Instance[0] [0ms] [0s]
Instance[1] [2.999999967869371ms] [0.002999999967869371s]
Instance[2] [2.999999967869371ms] [0.002999999967869371s]
/* ... */
Instance[99] [10.999999998603016ms] [0.010999999998603016s]
Elapsed: [10.999999998603016ms] [0.010999999998603016s]

performance.now() is optional - just pass false into StopWatch constructor function.

11

there are multiple ways to achieve this objective :

  1. using console.time

    console.time('function');
    //run the function in between these two lines for that you need to 
    //measure time taken by the function. ("ex. function();")
    console.timeEnd('function');
    
  2. this is the most efficient way : using performance.now(), e.g.

    var v1 = performance.now();
    //run the function here for which you have top measure the time 
    var v2 = performance.now();
    console.log("total time  taken = "+(v2-v1)+"milliseconds");
    
  3. use +(add operator) or getTime()

    var h2 = +new Date(); //or
    var h2 = new Date().getTime();
    for(i=0;i<500;i++) { /* do something */}
    var h3 = +new Date();   //or 
    var h3 = new Date().getTime();
    var timeTaken = h3-h2;
    console.log("time ====", timeTaken);
    

Here's what happens when you apply the unary plus operator to a Date instance: Get the value of the Date instance in question Convert it to a Number

NOTE: getTime() gives better performance than unary + operator.

10

To extend vsync's code further to have the ability to return the timeEnd as a value in NodeJS use this little piece of code.

console.timeEndValue = function(label) { // Add console.timeEndValue, to add a return value
   var time = this._times[label];
   if (!time) {
     throw new Error('No such label: ' + label);
   }
   var duration = Date.now() - time;
   return duration;
};

Now use the code like so:

console.time('someFunction timer');

someFunction();

var executionTime = console.timeEndValue('someFunction timer');
console.log("The execution time is " + executionTime);


This gives you more possibilities. You can store the execution time to be used for more purposes like using it in equations, or stored in a database, sent to a remote client over websockets, served on a webpage, etc.

7

It may help you.

var t0 = date.now(); doSomething(); var t1 = date.now(); console.log("Call to doSomething took approximate" + (t1 - t0)/1000 + " seconds.")

1
  • 3
    While this code snippet may solve the question, including an explanation really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion. Please also try not to crowd your code with explanatory comments, this reduces the readability of both the code and the explanations!
    – Filnor
    Mar 16, 2018 at 7:09
7

Use this code format

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

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

This is a Timer function. If you want to measure the time between multiple things that aren't nested:

function timer(lap){ 
    if(lap) console.log(`${lap} in: ${(performance.now()-timer.prev).toFixed(3)}ms`); 
    timer.prev = performance.now();
}

Similar to console.time(), but easier usage if you don't need to keep track of previous timers.


Usage:

timer()              // set the start
// do something 
timer('built')       // logs 'built in: 591.815ms'
// do something
timer('copied')      // logs 'copied in: 0.065ms'
// do something
timer('compared')    // logs 'compared in: 36.41ms'

If you like the blue color from console.time(), you can use this line instead

console.log(`${lap} in: %c${(performance.now()-timer.prev).toFixed(3)}ms`, 'color:blue');
1
  • Attention! For NodeJS you need to import performance: const { performance } = require('perf_hooks'); Jan 8, 2022 at 16:17
6

Since console.time and performance.now aren't supported in some major browsers (i.e. IE10), I created a slim utility that utilizes the best available methods. However, it lacks error handling for false usages (calling End() on a not initialized timer).

Use it and improve it as you want.

Performance: {
    Timer: {},
    Start: function (name) {
        if (console && console.time) {
            console.time(name);
        } else if (window.performance.now) {
            this.Timer[name] = window.performance.now();
        } else {
            this.Timer[name] = new Date().getTime();
        }
    },
    End: function (name) {
        if (console && console.time) {
            console.timeEnd(name);
        } else {
            var result;
            if (window.performance.now) {
                result = window.performance.now() - this.Timer[name];
            } else {
                result = new Date().getTime() - this.Timer[name];
            }
            console.log(name + ": " + result);
        }
    }
}
5

A couple months ago I put together my own routine that times a function using Date.now() -- even though at the time the accepted method seemed to be performance.now() -- because the performance object is not yet available (built-in) in the stable Node.js release.

Today I was doing some more research and found another method for timing. Since I also found how to use this in Node.js code, I thought I would share it here.

The following is combined from the examples given by w3c and Node.js:

function functionTimer() {
    performance.mark('start')
    functionToBeTimed()
    performance.mark('end')
    performance.measure('Start to End', 'start', 'end')
    const measure = performance.getEntriesByName('Start to End')[0]
    console.log(measure.duration)
}

NOTE:

If you intend to use the performance object in a Node.js app, you must include the following require: const { performance } = require('perf_hooks')

2
4

Thanks, Achim Koellner, will expand your answer a bit:

var t0 = process.hrtime();
//Start of code to measure

//End of code
var timeInMilliseconds = process.hrtime(t0)[1]/1000000; // dividing by 1000000 gives milliseconds from nanoseconds

Please, note, that you shouldn't do anything apart from what you want to measure (for example, console.log will also take time to execute and will affect performance tests).

Note, that in order by measure asynchronous functions execution time, you should insert var timeInMilliseconds = process.hrtime(t0)[1]/1000000; inside the callback. For example,

var t0 = process.hrtime();
someAsyncFunction(function(err, results) {
var timeInMilliseconds = process.hrtime(t0)[1]/1000000;

});
3

With performance

NodeJs: It is required to import the performance class

var time0 = performance.now(); // Store the time at this point into time0

yourFunction();   // The function you're measuring time for 

var time1 = performance.now(); // Store the time at this point into time1

console.log("youFunction took " + (time1 - time0) + " milliseconds to execute");

Using console.time

console.time('someFunction');

someFunction(); // Whatever is timed goes between the two "console.time"

console.timeEnd('someFunction');
3

Use console.time('some label here') before the function and console.timeEnd('some label here') after the function. It will give you the running time of the function.

1
  • I up voted, but this is notably only useful for very long/slow functions :)
    – KECG
    Dec 1, 2021 at 19:19
2

Stopwatch with cumulative cycles

Works with server and client (Node or DOM), uses the Performance API. Good when you have many small cycles e.g. in a function called 1000 times that processes 1000 data objects but you want to see how each operation in this function adds up to the total.

So this one uses a module global (singleton) timer. Same as a class singleton pattern, just a bit simpler to use, but you need to put this in a separate e.g. stopwatch.js file.

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];
    }
};
2

The best way would be to use the performance hooks module. Although unstable, you can mark specific areas of your code and measure the duration between marked areas.

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

Try here

2

Note: Simplest implementation of pure functional, ES6 method, no extra variables needed, just 3 lines of codes. Handles sync and async codes, so no external libraries needed, works in both JavaScript and Node JS, can even use to test the latency of your APIs

// 1st Line: Create one-liner timer function
let [timer, timingMonitor] = [0, () => timer = !timer ? Date.now() : `${Date.now() - timer}ms`];
        
// 2nd Line: Initial execution of the timer
timingMonitor();
        
// Your code here
executeYourFunctionHere();
        
// 3rd Line: Second execution to end the timer
console.log(timingMonitor());

// Console output: "102ms", for example 
1
export default class Singleton {

  static myInstance: Singleton = null;

  _timers: any = {};

  /**
   * @returns {Singleton}
   */
  static getInstance() {
    if (Singleton.myInstance == null) {
      Singleton.myInstance = new Singleton();
    }

    return this.myInstance;
  }

  initTime(label: string) {
    this._timers[label] = Date.now();
    return this._timers[label];
  }

  endTime(label: string) {
    const endTime = Date.now();
    if (this._timers[label]) {
      const delta = endTime - this._timers[label];
      const finalTime = `${label}: ${delta}ms`;
      delete this._timers[label];
      return finalTime;
    } else {
      return null;
    }
  }
}

InitTime related to string.

return Singleton.getInstance().initTime(label); // Returns the time init

return Singleton.getInstance().endTime(label); // Returns the total time between init and end

1

In my case, I perfer to use @ grammar suger and compile it with babel.
The problem of this method is that function has to be inside object.

Sample JS Code

function timer() {
    return (target, propertyKey, descriptor) => {
        const start = Date.now();
        let oldFunc = descriptor.value;

        descriptor.value = async function (){
            var result = await oldFunc.apply(this, arguments);
            console.log(Date.now() - start);
            return result;
        }
    }
}

// Util function 
function delay(timeout) {
    return new Promise((resolve) => setTimeout(() => {
        resolve();
    }, timeout));
}

class Test {
    @timer()
    async test(timout) {
        await delay(timout)
        console.log("delay 1");
        await delay(timout)
        console.log("delay 2");
    }
}

const t = new Test();
t.test(1000)
t.test(100)

.babelrc (for babel 6)

 {
    "plugins": [
        "transform-decorators-legacy"
    ]
 }
1
  1. To start the timer use console.time("myTimer");
  2. Optional: To print the elapsed time, use console.timeLog("myTimer");
  3. Finally, to stop the timer and print the final time: console.timeEnd("myTimer");

You can read more about this on MDN and in the Node.js documentation.

Available on Chrome, Firefox, Opera and NodeJS. (not on Edge or Internet Explorer).

1

try this

console.time("Some Function time");

const fruits = ["apple", "orange", "cherry"];
fruits.forEach(function(){});

console.timeEnd("Some Function time");

0

Basic TypeScript example that supports marks. Calling start('something') will begin the timer and stop('something') will end the timer and return a formatted string containing elapsed time.

View Flems Example

/**
 * 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`;
};

The example code is exporting each function. You can drop this into a project and call the methods accordingly from a default as import, eg:

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

time.start('foo')

// do something

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

As previously stated check for and use built in timer. But if you want or need to write your own here is my two cents:

//=-=|Source|=-=//
/**
 * JavaScript Timer Object
 *
 *      var now=timer['elapsed'](); 
 *      timer['stop']();
 *      timer['start']();
 *      timer['reset']();
 * 
 * @expose
 * @method timer
 * @return {number}
 */
timer=function(){
    var a=Date.now();
    b=0;
    return{
        /** @expose */
        elapsed:function(){return b=Date.now()-a},
        start:function(){return a=Date.now()},
        stop:function(){return Date.now()},
        reset:function(){return a=0}
    }
}();

//=-=|Google Advanced Optimized|=-=//
timer=function(){var a=Date.now();b=0;return{a:function(){return b=Date.now()-a},start:function(){return a=Date.now()},stop:function(){return Date.now()},reset:function(){return a=0}}}();

Compilation was a success!

  • Original Size: 219 bytes gzipped (405 bytes uncompressed)
  • Compiled Size: 109 bytes gzipped (187 bytes uncompressed)
  • Saved 50.23% off the gzipped size (53.83% without gzip

Not the answer you're looking for? Browse other questions tagged or ask your own question.