How to convert time milliseconds to hours min sec format in JavaScript

Question

I have the time as milliseconds  but I want the time after conversion like 00 00 00   Ex  In milliseconds 86400000  I want how many hours in that milliseconds like  00 00 00  How to get it in JavaScript

User · Answer

This one returns time like youtube videos

    function getYoutubeLikeToDisplay(millisec) {
        var seconds = (millisec / 1000).toFixed(0);
        var minutes = Math.floor(seconds / 60);
        var hours = "";
        if (minutes > 59) {
            hours = Math.floor(minutes / 60);
            hours = (hours >= 10) ? hours : "0" + hours;
            minutes = minutes - (hours * 60);
            minutes = (minutes >= 10) ? minutes : "0" + minutes;
        }

        seconds = Math.floor(seconds % 60);
        seconds = (seconds >= 10) ? seconds : "0" + seconds;
        if (hours != "") {
            return hours + ":" + minutes + ":" + seconds;
        }
        return minutes + ":" + seconds;
    }

Output:

getYoutubeLikeToDisplay(129900) = "2:10"
getYoutubeLikeToDisplay(1229900) = "20:30"
getYoutubeLikeToDisplay(21229900) = "05:53:50"

User · Answer

The following is written in Typescript  should be easy to translate to JS function humanReadableDuration msDuration  int   string       const h   Math floor msDuration   1000   60   60       const m   Math floor  msDuration   1000   60   60 - h    60       const s   Math floor   msDuration   1000   60   60 - h    60 - m    60           To get time format 00 00 00     const seconds  string   s  lt  10    0  s        s        const minutes  string   m  lt  10    0  m        m        const hours  string   h  lt  10    0  h        h         return    hours h   minutes m   seconds s

User · Answer

Extending on  Rick s answer  I prefer something like this  function msToReadableTime time     const second   1000    const minute   second   60    const hour   minute   60     let hours   Math floor time   hour   24     let minutes   Math floor time   minute   60     let seconds   Math floor time   second   60        return hours         minutes    quot   quot    seconds

User · Answer

I needed time only up to one day  24h  this was my take     x000D   x000D  const milliseconds   5680000  x000D   x000D  const hours    0  new Date milliseconds  getHours   - 1   slice -2   x000D  const minutes    0  new Date milliseconds  getMinutes     slice -2   x000D  const seconds    0  new Date milliseconds  getSeconds     slice -2   x000D   x000D  const time      hours    minutes    seconds   x000D  console log time   x000D   x000D   x000D    you could get days this way as well if needed

User · Answer

The above snippets don t work for cases with more than 1 day  They are simply ignored    For this you can use   function convertMS ms        var d  h  m  s      s   Math floor ms   1000       m   Math floor s   60       s   s   60      h   Math floor m   60       m   m   60      d   Math floor h   24       h   h   24      h    d   24      return h         m         s        Thanks to https   gist github com remino 1563878

User · Answer

Worked for me   msToTime milliseconds          Get hours from milliseconds     var hours   milliseconds    1000 60 60       var absoluteHours   Math floor hours       var h   absoluteHours  gt  9   absoluteHours    0    absoluteHours         Get remainder from hours and convert to minutes     var minutes    hours - absoluteHours    60      var absoluteMinutes   Math floor minutes       var m   absoluteMinutes  gt  9   absoluteMinutes    0     absoluteMinutes         Get remainder from minutes and convert to seconds     var seconds    minutes - absoluteMinutes    60      var absoluteSeconds   Math floor seconds       var s   absoluteSeconds  gt  9   absoluteSeconds    0    absoluteSeconds       return h     00    m         s   h         m         s

User · Answer

my solution  var sunriseMills   1517573074000             sunrise in NewYork on Feb 3  2018  - UTC time var offsetCityMills   -5   3600   1000       NewYork delay to UTC  var offsetDeviceMills    new Date   getTimezoneOffset     60   1000       eg  I live in Romania  UTC 2   gt  gt  getTimezoneOffset     120  var textTime   new Date sunriseMills   offsetCityMills   offsetDeviceMills        toLocaleTimeString  en-US     hour   numeric   minute   numeric        textTime will become   7 04 AM

User · Answer

This solution uses one function to split milliseconds into a parts object  and another function to format the parts object    I created 2 format functions  one as you requested  and another that prints a friendly string and considering singular plural  and includes an option to show milliseconds    x000D   x000D  function parseDuration duration    x000D    let remain   duration x000D   x000D    let days   Math floor remain    1000   60   60   24   x000D    remain   remain    1000   60   60   24  x000D   x000D    let hours   Math floor remain    1000   60   60   x000D    remain   remain    1000   60   60  x000D   x000D    let minutes   Math floor remain    1000   60   x000D    remain   remain    1000   60  x000D   x000D    let seconds   Math floor remain    1000   x000D    remain   remain    1000  x000D   x000D    let milliseconds   remain x000D   x000D    return   x000D      days  x000D      hours  x000D      minutes  x000D      seconds  x000D      milliseconds x000D       x000D    x000D   x000D  function formatTime o  useMilli   false    x000D    let parts      x000D    if  o days    x000D      let ret   o days     day  x000D      if  o days     1    x000D        ret     s  x000D        x000D      parts push ret  x000D      x000D    if  o hours    x000D      let ret   o hours     hour  x000D      if  o hours     1    x000D        ret     s  x000D        x000D      parts push ret  x000D      x000D    if  o minutes    x000D      let ret   o minutes     minute  x000D      if  o minutes     1    x000D        ret     s  x000D        x000D      parts push ret  x000D   x000D      x000D    if  o seconds    x000D      let ret   o seconds     second  x000D      if  o seconds     1    x000D        ret     s  x000D        x000D      parts push ret  x000D      x000D    if  useMilli  amp  amp  o milliseconds    x000D      let ret   o milliseconds     millisecond  x000D      if  o milliseconds     1    x000D        ret     s  x000D        x000D      parts push ret  x000D      x000D    if  parts length     0    x000D      return  instantly  x000D      else   x000D      return parts join      x000D      x000D    x000D   x000D  function formatTimeHMS o    x000D    let hours   o hours toString   x000D    if  hours length     1  hours    0    hours x000D   x000D    let minutes   o minutes toString   x000D    if  minutes length     1  minutes    0    minutes x000D   x000D    let seconds   o seconds toString   x000D    if  seconds length     1  seconds    0    seconds x000D   x000D    return hours         minutes         seconds x000D    x000D   x000D  function formatDurationHMS duration    x000D    let time   parseDuration duration  x000D    return formatTimeHMS time  x000D    x000D   x000D  function formatDuration duration  useMilli   false    x000D    let time   parseDuration duration  x000D    return formatTime time  useMilli  x000D    x000D   x000D   x000D  console log formatDurationHMS 57742343234   x000D   x000D  console log formatDuration 57742343234   x000D  console log formatDuration 5423401000   x000D  console log formatDuration 500   x000D  console log formatDuration 500  true   x000D  console log formatDuration 1000   30   x000D  console log formatDuration 1000   60   30   x000D  console log formatDuration 1000   60   60   12   x000D  console log formatDuration 1000   60   60   1   x000D   x000D   x000D

User · Answer

Based on  Chand answer  This is the implementation in Typescript  A bit safer than coercing types in JS  If you remove the type annotation should be valid JS  Also using new string functions to normalise the time   function displayTime millisec  number     const normalizeTime    time  string   string   gt   time length     1    time padStart 2   0     time    let seconds  string    millisec   1000  toFixed 0    let minutes  string   Math floor parseInt seconds    60  toString     let hours  string         if  parseInt minutes   gt  59       hours   normalizeTime Math floor parseInt minutes    60  toString        minutes   normalizeTime  parseInt minutes  -  parseInt hours    60   toString         seconds   normalizeTime Math floor parseInt seconds    60  toString       if  hours               return    hours    minutes    seconds          return    minutes    seconds

User · Answer

Human-readable code for human-readable output and you can extend this to light years or nanoseconds or what have you very intuitively  Obviously you d want to convert this to a function and re-use some of those intermediate modulo calls    second   1000  minute   second   60 hour   minute   60  day   hour   24  test   3   day   2   hour   11   minute   58   second  console log Math floor test   day   console log Math floor test   day   hour   console log Math floor test   day   hour   minute   console log Math floor test   day   hour   minute   second

User · Answer

I had the same problem  this is what I ended up doing    x000D   x000D  function parseMillisecondsIntoReadableTime milliseconds   x000D      Get hours from milliseconds x000D    var hours   milliseconds    1000 60 60   x000D    var absoluteHours   Math floor hours   x000D    var h   absoluteHours  gt  9   absoluteHours    0    absoluteHours  x000D   x000D      Get remainder from hours and convert to minutes x000D    var minutes    hours - absoluteHours    60  x000D    var absoluteMinutes   Math floor minutes   x000D    var m   absoluteMinutes  gt  9   absoluteMinutes    0     absoluteMinutes  x000D   x000D      Get remainder from minutes and convert to seconds x000D    var seconds    minutes - absoluteMinutes    60  x000D    var absoluteSeconds   Math floor seconds   x000D    var s   absoluteSeconds  gt  9   absoluteSeconds    0    absoluteSeconds  x000D   x000D   x000D    return h         m         s  x000D    x000D   x000D   x000D  var time   parseMillisecondsIntoReadableTime 86400000   x000D   x000D  alert time   x000D   x000D   x000D

User · Answer

Sorry  late to the party  The accepted answer did not cut it for me  so I wrote it myself   Output   2h 59s 1h 59m 1h 1h 59s 59m 59s 59s   Code  Typescript    function timeConversion duration  number      const portions  string            const msInHour   1000   60   60    const hours   Math trunc duration   msInHour     if  hours  gt  0        portions push hours    h        duration   duration -  hours   msInHour          const msInMinute   1000   60    const minutes   Math trunc duration   msInMinute     if  minutes  gt  0        portions push minutes    m        duration   duration -  minutes   msInMinute          const seconds   Math trunc duration   1000     if  seconds  gt  0        portions push seconds    s           return portions join          console log timeConversion  60   60   1000     59   60   1000     59   1000     console log timeConversion  60   60   1000     59   60   1000                   console log timeConversion  60   60   1000                                      console log timeConversion  60   60   1000                        59   1000     console log timeConversion                     59   60   1000     59   1000     console log timeConversion                                        59   1000

User · Answer

In my implementation I used Moment js   export default  value    gt     const duration   moment duration value      const milliseconds   duration milliseconds      const seconds   duration seconds      const minutes   duration minutes      const hours   duration hours      const day   duration days       const sDay      day d      const sHours    hours  lt  10     0  hours h        hours h      const sMinutes    minutes  lt  10     0  minutes          minutes        const sSeconds    seconds  lt  10     0  seconds          seconds        const sMilliseconds      milliseconds ms               Once got the strings  I composed them as I want

User · Answer

I works for me as i get milliseconds 1592380675409 using javascript method  getTime   which returns the number of milliseconds between midnight of January 1  1970 and the specified date      var d   new Date     Wed Jun 17 2020 13 27 55 GMT 0530  India Standard Time  var n   d getTime     1592380675409 this value is store somewhere    function call  console log convertMillisecToHrMinSec 1592380675409     var convertMillisecToHrMinSec    time    gt      let date   new Date time     let hr   date getHours      let min   date getMinutes      let sec   date getSeconds       hr    hr  lt  10     0   hr   hr    min    min  lt  10     0   min   min    sec    sec  lt  10     0   sec   sec     return hr         min         sec   01 27 55

User · Answer

Here is my solution   let h m s  h   Math floor timeInMiliseconds 1000 60 60   m   Math floor  timeInMiliseconds 1000 60 60 - h  60   s   Math floor   timeInMiliseconds 1000 60 60 - h  60 - m  60        to get time format 00 00 00   s  lt  10   s    0  s    s      s   m  lt  10   m    0  m    m      m   h  lt  10   h    0  h    h      h     console log    s    m    h

User · Answer

If you re using typescript  this could be a good thing for you  enum ETime     Seconds   1000    Minutes   60000    Hours   3600000    SecInMin   60    MinInHours   60    HoursMod   24    timeMin   10     interface ITime     millis  number   modulo  number    const Times       seconds        millis  ETime Seconds      modulo  ETime SecInMin         minutes        millis  ETime Minutes      modulo  ETime MinInHours         hours        millis  ETime Hours      modulo  ETime HoursMod          const dots  string        const msToTime    duration  number  needHours  boolean   true   string   gt      const getCorrectTime    divider  ITime   string   gt        const timeStr  number   Math floor         duration   divider millis    divider modulo             return timeStr  lt  ETime timeMin    0    timeStr   String timeStr         return        needHours   getCorrectTime Times hours    dots             getCorrectTime Times minutes        dots       getCorrectTime Times seconds

User · Answer

How about doing this by creating a function in javascript as shown below    x000D   x000D  function msToTime duration    x000D    var milliseconds   parseInt  duration   1000    100   x000D      seconds   Math floor  duration   1000    60   x000D      minutes   Math floor  duration    1000   60     60   x000D      hours   Math floor  duration    1000   60   60     24   x000D   x000D    hours    hours  lt  10     0    hours   hours  x000D    minutes    minutes  lt  10     0    minutes   minutes  x000D    seconds    seconds  lt  10     0    seconds   seconds  x000D   x000D    return hours         minutes         seconds         milliseconds  x000D    x000D  console log msToTime 300000   x000D   x000D   x000D

User · Answer

To Convert time in millisecond to human readable format    function timeConversion millisec             var seconds    millisec   1000  toFixed 1            var minutes    millisec    1000   60   toFixed 1            var hours    millisec    1000   60   60   toFixed 1            var days    millisec    1000   60   60   24   toFixed 1            if  seconds  lt  60                return seconds     Sec             else if  minutes  lt  60                return minutes     Min             else if  hours  lt  24                return hours     Hrs             else               return days     Days

[javascript] How to convert time milliseconds to hours, min, sec format in JavaScript?

Examples related to javascript

Examples related to datetime

Examples related to milliseconds