Microsecond timing in JavaScript

by

As alluded to in Mark Rejhon’s answer, there is an API available in modern browsers that exposes sub-millisecond resolution timing data to script: the W3C High Resolution Timer, 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 and 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).

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

Note: When using Web Workers, the window variable isn’t available, but you can still use performance.now().

More Related Contents:

  1. Injected li items are not formatted with CSS style [closed]
  2. My, code has an Unexpected Syntax Error [closed]
  3. How can I obfuscate (protect) JavaScript? [closed]
  4. How to merge two arrays in JavaScript and de-duplicate items
  5. How can I debug my JavaScript code? [closed]
  6. Large numbers erroneously rounded in JavaScript
  7. Scroll to the top of the page using JavaScript?
  8. Converting an object to a string
  9. Correct javascript inheritance
  10. When you pass ‘this’ as an argument? [duplicate]
  11. I want to remove double quotes from a String
  12. How to get URL parameters with Javascript? [duplicate]
  13. TypeError: Cannot read property ‘setState’ of undefined
  14. What does the at symbol (@) do in ES6 javascript? (ECMAScript 2015)
  15. Read a local text file using Javascript
  16. How to return an Ajax result using async/await? [duplicate]
  17. Get browser download path with javascript
  18. Position fixed not working in mobile browser
  19. How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
  20. JavaScript object detection: dot syntax versus ‘in’ keyword
  21. Delete duplicate elements from an array [duplicate]
  22. How to get list of network requests done by HTML
  23. Comparing objects in JavaScript
  24. How to get Text BOLD in Alert or Confirm box?
  25. How to remove youtube branding after embedding video in web page?
  26. What’s the reason to use === instead of == with typeof in Javascript?
  27. Can I load a local file into an html canvas element?
  28. WebSocket on IE10 giving a SecurityError
  29. JavaScript Namespace Declaration
  30. Use a web mobile framework?

Leave a Comment