Convert Time difference into HH:MM:SS using moment/JS

Question

I have a startTime and endTime based on which I need to create a countdown which will display in HH:MM:SS format at all times.

For example:

var endTime = 1601454312537 // Wed Sep 30 2020 13:55:12 
var startTime = 1600417512537 // Fri Sep 18 2020 13:55:12 
var diff = endTime - startTime
var duration = moment.duration(diffTime * 1000, 'milliseconds')

The difference is then passed to setInterval where,

setInterval(() => {
    duration = moment.duration(duration - interval, 'milliseconds');
    h = duration.hours(),
    m = duration.minutes(),
    s = duration.seconds() 
}, 1000);

This gives me correct time but when it exceeds 24 hrs, moment passes it in a day. Is there any way I can keep it all the diff in HH:MM:SS format? Is there any moment function to restrict it to hours, min, sec?

Something like `h= duration.days() * 24 + duration.hours()` …? (Whether that might get you in trouble with DST at some point, I leave for you to figure out.) — 04FS, Sep 30 '20 at 09:12
@ShubhamSrivastava I need to display it in hours .Even if its 24+ ,doesn't matter. — Abhijeet Khairnar, Sep 30 '20 at 09:14
Look at this https://github.com/moment/moment/issues/463; I would rather use countdown.js for this http://countdownjs.org/ — Shubham Srivastava, Sep 30 '20 at 09:15
Or you can also refer this https://github.com/jsmreese/moment-duration-format — Shubham Srivastava, Sep 30 '20 at 09:16
Does this answer your question? https://stackoverflow.com/a/13274554/5605822 — Tasos, Sep 30 '20 at 09:18
@ShubhamSrivastava Don't actually want to add separate dependancy.Moment doesn't internally have anything like this? — Abhijeet Khairnar, Sep 30 '20 at 09:21
@AbhijeetKhairnar No did you see the issue I sent you there is the discussion for this feature — Shubham Srivastava, Sep 30 '20 at 09:22
Not sure, but maybe this could help https://stackoverflow.com/questions/13262621/how-do-i-use-format-on-a-moment-js-duration — Salomi Edward, Sep 30 '20 at 09:47

score 0 · Answer 1 · answered Sep 30 '20 at 09:21

This is one function that I use that does not require momentjs, there is no direct way to do this in momentjs either:

// Duration in seconds
const durationString = duration =>
  `${
    Math.floor(duration / 60) > 9 ? Math.floor(duration / 60) : `0${Math.floor(duration / 60)}`
  } m ${duration % 60 > 9 ? Math.round(duration % 60) : `0${Math.round(duration % 60)}`}s`

score 0 · Accepted Answer · answered Sep 30 '20 at 12:54

Posting the solution which worked for me -
You can further split the minutesSeconds string.

var minutesSeconds = moment.utc(totalMilliseconds).format("mm:ss")
var hours = Math.floor(moment.duration(totalMilliseconds).asHours())
console.log("HH:MM:SS",hours + ':' + minutesSeconds)

Convert Time difference into HH:MM:SS using moment/JS

2 Answers2