How to convert seconds to HH mm ss in moment js

Question

How can I convert seconds to HH mm ss   At the moment I am using the function below  render  function  data        return new Date data 1000  toTimeString   replace      d 2   d 2   d 2         1         This works on chrome but in firefox for 12 seconds I get 01 00 12 I would like to use moment js for cross browser compatibility   I tried this but does not work  render  function  data            return moment data  format  HH mm ss        What am I doing wrong   EDIT  I managed to find a solution without moment js which is as follow  return  new Date data   1000   toUTCString   match    d d  d d  d d    0     Still curious on how I can do it in moment js

User · Accepted Answer

From this post I would try this to avoid leap issues

moment("2015-01-01").startOf('day')
    .seconds(s)
    .format('H:mm:ss');

I did not run jsPerf, but I would think this is faster than creating new date objects a million times

function pad(num) {
    return ("0"+num).slice(-2);
}
function hhmmss(secs) {
  var minutes = Math.floor(secs / 60);
  secs = secs%60;
  var hours = Math.floor(minutes/60)
  minutes = minutes%60;
  return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
  // return pad(hours)+":"+pad(minutes)+":"+pad(secs); for old browsers
}

_x000D_

function pad(num) {_x000D_
    return ("0"+num).slice(-2);_x000D_
}_x000D_
function hhmmss(secs) {_x000D_
  var minutes = Math.floor(secs / 60);_x000D_
  secs = secs%60;_x000D_
  var hours = Math.floor(minutes/60)_x000D_
  minutes = minutes%60;_x000D_
  return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;_x000D_
  // return pad(hours)+":"+pad(minutes)+":"+pad(secs); for old browsers_x000D_
}_x000D_
_x000D_
for (var i=60;i<=60*60*5;i++) {_x000D_
 document.write(hhmmss(i)+'<br/>');_x000D_
}_x000D_
_x000D_
_x000D_
/* _x000D_
function show(s) {_x000D_
  var d = new Date();_x000D_
  var d1 = new Date(d.getTime()+s*1000);_x000D_
  var  hms = hhmmss(s);_x000D_
  return (s+"s = "+ hms + " - "+ Math.floor((d1-d)/1000)+"\n"+d.toString().split("GMT")[0]+"\n"+d1.toString().split("GMT")[0]);_x000D_
}    _x000D_
*/

_x000D_

User · Answer

You can use moment-duration-format plugin   x000D   x000D  var seconds   3820  var duration   moment duration seconds   seconds    var formatted   duration format  hh mm ss    console log formatted      01 03 40 x000D   lt  -- Moment js library -- gt   lt script src  https   cdnjs cloudflare com ajax libs moment js 2 18 1 moment min js  gt  lt  script gt    lt  -- moment-duration-format plugin -- gt   lt script src  https   cdnjs cloudflare com ajax libs moment-duration-format 1 3 0 moment-duration-format min js  gt  lt  script gt  x000D   x000D   x000D   See also this Fiddle Upd  To avoid trimming for values less than 60-sec use   trim  false    var formatted   duration format  quot hh mm ss quot     trim  false         quot 00 00 05 quot

User · Answer

How to correctly use moment js durations    Use moment duration   in codes  First  you need to import moment and moment-duration-format   import moment from  moment   import  moment-duration-format     Then  use duration function  Let us apply the above example  28800   8 am   moment duration 28800   seconds   format  h mm a      Well  you do not have above type error  Do you get a right value 8 00 am   No     the value you get is 8 00 a  Moment js format is not working as it is supposed to   The solution is to transform seconds to milliseconds and use UTC time   moment utc moment duration value   seconds   asMilliseconds    format  h mm a     All right we get 8 00 am now  If you want 8 am instead of 8 00 am for integral time  we need to do RegExp  const time   moment utc moment duration value   seconds   asMilliseconds    format  h mm a    time replace   00 g

User · Answer

Until 24 hrs  As Duration format is deprecated  with moment 2 23 0  const seconds   123  moment utc moment duration seconds  seconds   as  milliseconds    format  HH mm ss

User · Answer

My solution for changing seconds  number  to string format  for example   mm ss    const formattedSeconds   moment   startOf  day   seconds S  format  mm ss     Write your seconds instead  S  in example  And just use the  formattedSeconds  where you need

User · Answer

This is similar to the answer mplungjan referenced from another post  but more concise    x000D   x000D  const secs   456  x000D   x000D  const formatted   moment utc secs 1000  format  HH mm ss    x000D   x000D  document write formatted   x000D   lt script src  https   cdnjs cloudflare com ajax libs moment js 2 18 1 moment min js  gt  lt  script gt  x000D   x000D   x000D    It suffers from the same caveats  e g  if seconds exceed one day  86400   you ll not get what you expect

User · Answer

var seconds   2000      or  2000  seconds   parseInt seconds    because moment js dont know to handle number in string format var format    Math floor moment duration seconds  seconds   asHours            moment duration seconds  seconds   minutes           moment duration seconds  seconds   seconds

[javascript] How to convert seconds to HH:mm:ss in moment.js

Examples related to javascript

Examples related to momentjs