Convert milliseconds to hours and minutes using Momentjs

Question

I am new to Momentjs. I am trying to use it to convert milliseconds to hours and minutes. Below, x is milliseconds

x = 433276000
var y = moment.duration(x, 'milliseconds').asHours;

Can anyone help?

Where did you check in the moment.js documentation that you couldn't find it? — djechlin, Apr 08 '14 at 13:19
Now that you have added the missing dot, consider calling `asHours()` instead of evaluating it. — Frédéric Hamidi, Apr 08 '14 at 13:21
Looks unsupported. http://stackoverflow.com/questions/13262621/how-do-i-use-format-on-a-moment-js-duration — djechlin, Apr 08 '14 at 13:21
Also it doesn't look like you need to specify 'milliseconds' as an argument since it takes milliseconds. And your missing the brackets at the end: `var y = moment.duration(x).asHours();` — Akurn, Apr 08 '14 at 13:23

score 72 · Answer 1 · answered Apr 09 '14 at 09:32

72

I ended up doing this...

var x = 433276000
var tempTime = moment.duration(x);
var y = tempTime.hours() + tempTime.minutes();

answered Apr 09 '14 at 09:32

user3214545

2,103
3
20
26

1

This is clearly the correct answer, since `tempTime.minutes()` gives the remaining minutes after the hours are computed. – seebiscuit Jul 03 '15 at 17:34
12

This doesn't work for durations of 24 hours or more. – Matt Johnson-Pint Sep 28 '15 at 00:39
3

It works when I change the last line to `var y = tempTime.hours() + ":" + tempTime.minutes();` – Esger Feb 23 '16 at 08:54
2

Use `moment.duration(x).asMinutes()` This also works for 24 hours+ – Chris Jan 04 '18 at 15:58
1

Just ran into duration(x).humanize() which translates the duration to the right time frame. might help someone... https://momentjs.com/docs/#/durations/humanize/ – Shimrit Snapir Oct 28 '19 at 07:47

score 33 · Answer 2 · answered Apr 08 '14 at 13:36

33

Try this:

var x = 433276000
var d = moment.duration(x, 'milliseconds');
var hours = Math.floor(d.asHours());
var mins = Math.floor(d.asMinutes()) - hours * 60;
console.log("hours:" + hours + " mins:" + mins);

answered Apr 08 '14 at 13:36

closure

7,412
1
23
23

7

Why do you need `var mins = Math.floor(d.asMinutes()) - hours * 60;` if you could simply use `var mins = d.minutes()` ? – Alex G Feb 23 '16 at 18:51
@AlexG what about seconds – Kalashir Sep 19 '16 at 14:09
@Kalashir, that wasn't in the question. – Bondt Jun 06 '17 at 08:22

score 33 · Answer 3 · answered Aug 26 '16 at 16:28

33

You can create a Moment.js date from milliseconds using moment.utc().

var milliseconds = 1000;
moment.utc(milliseconds).format('HH:mm');

answered Aug 26 '16 at 16:28

strictlyk3v

562
5
7

3

This is perfect. If you want > 24h, just add days or display hours only. https://codepen.io/h3ll/pen/VQdGMy – Johan Hoeksma Feb 24 '18 at 11:55
2

This way is the best – Long Nguyen Apr 04 '21 at 09:00

score 21 · Answer 4 · answered Sep 28 '15 at 00:34

21

Using the moment-duration-format plugin:

moment.duration(ms).format("h:mm")

answered Sep 28 '15 at 00:34

Matt Johnson-Pint

230,703
74
448
575

dmmd · Answer 5 · 2015-11-17T00:52:24.873

10

There is an easier way to achieve what you want.

This

moment('2000-01-01 00:00:00').add(moment.duration(1000)).format('HH:mm:ss');

Will output this

00:00:01

Not the fanciest, I know, but it is 100% pure moment js.

edit: Doesn't work for periods longer than 24h

edited Nov 17 '15 at 00:52

answered Nov 17 '15 at 00:46

dmmd

2,938
4
33
41

score 2 · Answer 6 · edited May 23 '17 at 12:18

This seems unsupported per this SO. Following this github issue, there's a moment-to-countdown plugin that you may be able to use.

But it seems you may want Countdown.js for this in the first place.

countdown(0, 433276000, countdown.HOURS | countdown.MINUTES).toString();

Note this does not take into account leap seconds, or leap anything for that matter, as it fixes to the Unix epoch (so it's not a pure time interval).

score 2 · Answer 7 · answered Jan 17 '17 at 18:04

There really is no need to use Moment for this operation.

It can be written in a single line:

var hours = Math.round((450616708 / 1000 / 60 / 60) * 100) / 100;

or as function:

function millisecondsToHours(ms){
  return Math.round((ms / 1000 / 60 / 60) * 100) / 100;
}

score 2 · Answer 8 · answered Mar 17 '17 at 09:49

In Moment.js duration you can just use Math.trunc for hours if you are expecting it to be over 24hrs. hh:mm:ss format.

var seconds = moment.duration(value).seconds();
var minutes = moment.duration(value).minutes();
var hours = Math.trunc(moment.duration(value).asHours());

see it here: https://codepen.io/brickgale/pen/mWqKJv?editors=1011

Anthony M. · Answer 9 · 2020-10-04T05:13:23.480

Here is a function that formats it for you into a string.

function ms_to_str(val) {

    let tempTime = moment.duration(val),
        timeObj = {
            years: tempTime.years(),
            months: tempTime.months(),
            days: tempTime.days(),
            hrs: tempTime.hours(),
            mins: tempTime.minutes(),
            secs: tempTime.seconds(),
            ms: tempTime.milliseconds()
        },

        timeArr = [];

    for (let k in timeObj) {
        if (Number(timeObj[k]) > 0) {
            timeArr.push(`${timeObj[k]} ${k}`)
        }
    }

    return timeArr.join(', ');
}

Then simply call ms_to_str(2443253) which returns 40 mins, 43 secs, 253 ms.

If you do not need to show milliseconds, simply comment off the ms: tempTime.milliseconds().toString().padStart(3, '0') line.

score 1 · Answer 10 · answered Nov 25 '19 at 09:23

1

Momentjs itself doesn't support duration, in order to do so, we need a plugin moment-duration-format

To use this plugin follow these steps (for React-js)

import moment from 'moment';
import momentDurationFormatSetup from "moment-duration-format";

var time = moment.duration(value,unit).format('hh:mm:ss',{trim:false})

Note: I have used {trim: false} as extra parameter so that it doesn't trim out extra 0's in the beginning. You can omit it if you want "11:30" instead of "00:11:30".

answered Nov 25 '19 at 09:23

srbcheema1

544
4
16

1

Momentjs [does support durations](https://momentjs.com/docs/#/durations/hours/). – kaiser Feb 16 '20 at 05:20
need to add plugin still https://momentjs.com/docs/#/plugins/duration-format/ – Amalina Aziz Jul 03 '21 at 09:13

score 0 · Answer 11 · answered Mar 02 '21 at 15:02

function durationAsString(ms, maxPrecission = 3) {
    const duration = moment.duration(ms)

    const items = []
    items.push({ timeUnit: 'd', value: Math.floor(duration.asDays()) })
    items.push({ timeUnit: 'h', value: duration.hours() })
    items.push({ timeUnit: 'm', value: duration.minutes() })
    items.push({ timeUnit: 's', value: duration.seconds() })

    const formattedItems = items.reduce((accumulator, { value, timeUnit }) => {
        if (accumulator.length >= maxPrecission || (accumulator.length === 0 && value === 0)) {
            return accumulator
        }

        accumulator.push(`${value}${timeUnit}`)
        return accumulator
    }, [])

    return formattedItems.length !== 0 ? formattedItems.join(' ') : '-'
}

Lets you set max-precision and will not show insignificant values. Examples:

durationAsString(0) will return -

durationAsString(10000) will return 10s

durationAsString(100000) will return 1m 40s

durationAsString(10000000) will return 2h 46m 40s

durationAsString(100000000) will return 1d 3h 46m

durationAsString(100000000, 4) will return 1d 3h 46m 40s

score -3 · Answer 12 · answered May 15 '18 at 09:00

-3

moment('2000-01-01 00:00:00').millisecond(XXXXXX).format("HH:mm:ss")

answered May 15 '18 at 09:00

Batman

91
1
6

Convert milliseconds to hours and minutes using Momentjs

12 Answers12

Linked