milliseconds to time in javascript

by

Lots of unnecessary flooring in other answers. If the string is in milliseconds, convert to h:m:s as follows:

function msToTime(s) {
  var ms = s % 1000;
  s = (s - ms) / 1000;
  var secs = s % 60;
  s = (s - secs) / 60;
  var mins = s % 60;
  var hrs = (s - mins) / 60;

  return hrs + ':' + mins + ':' + secs + '.' + ms;
}

If you want it formatted as hh:mm:ss.sss then use:

function msToTime(s) {

  // Pad to 2 or 3 digits, default is 2
  function pad(n, z) {
    z = z || 2;
    return ('00' + n).slice(-z);
  }

  var ms = s % 1000;
  s = (s - ms) / 1000;
  var secs = s % 60;
  s = (s - secs) / 60;
  var mins = s % 60;
  var hrs = (s - mins) / 60;

  return pad(hrs) + ':' + pad(mins) + ':' + pad(secs) + '.' + pad(ms, 3);
}

console.log(msToTime(55018))

Using some recently added language features, the pad function can be more concise:

function msToTime(s) {
    // Pad to 2 or 3 digits, default is 2
  var pad = (n, z = 2) => ('00' + n).slice(-z);
  return pad(s/3.6e6|0) + ':' + pad((s%3.6e6)/6e4 | 0) + ':' + pad((s%6e4)/1000|0) + '.' + pad(s%1000, 3);
}

// Current hh:mm:ss.sss UTC
console.log(msToTime(new Date() % 8.64e7))

More Related Contents:

  1. jQuery .animate function not responding properly
  2. Why jQuery .load() is not working? [closed]
  3. Assign click handlers in for loop
  4. Scroll Automatically to the Bottom of the Page
  5. Reload an iframe with jQuery
  6. jQuery click not working for dynamically created items [duplicate]
  7. Stop setInterval
  8. Finding line-wraps
  9. How to build simple jQuery image slider with sliding or opacity effect?
  10. How to detect browser back button click event using angular?
  11. How to check if the URL contains a given string?
  12. Javascript Contenteditable – set Cursor / Caret to index
  13. Detect if browser tab is active or user has switched away
  14. keycode and charcode
  15. Get the visible height of a div with jQuery
  16. Count the number of integers in a string
  17. Bootstrap 4: Uncaught ReferenceError: Popper is not defined
  18. AJAX Promises using Array
  19. Native javascript equivalent of jQuery :contains() selector
  20. How to tell which row number is clicked in a table?
  21. Consider marking event handler as ‘passive’ to make the page more responsive
  22. DOM Mutation event in JQuery or vanilla Javascript
  23. JavaScript on the bottom of the page?
  24. Chain ajax and execute it in sequence. Jquery Deferred
  25. ToggleClass animate jQuery?
  26. jQuery Datepicker “After Update” Event or equivalent
  27. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  28. Alternative to eval() javascript [duplicate]
  29. Downloading file from ajax result using blob
  30. How do I detect IE 8 with jQuery?

Leave a Comment