Javascript seconds to minutes and seconds

Question

This is a common problem but I m not sure how to solve it  The code below works fine   var mind   time    60   60   var minutes   Math floor mind   60    var secd   mind   60  var seconds   Math ceil secd     However  when I get to 1 hour or 3600 seconds it returns 0 minutes and 0 seconds  How can I avoid this so it returns all the minutes   Thanks

User · Answer

function secondsToMinutes time       return Math floor time   60      Math floor time   60

User · Answer

A one liner  doesnt work with hours     function sectostr time        return    time   60           time   60  lt  10    0          time   60

User · Answer

The most concise method I found can be done using in just one line  let timeString      timeInSeconds 60 0    timeInSeconds 60     Explanation         Template literals  Allows for expressions to be converted into a string from within the string itself Note  Incompatible with IE  timeInSeconds 60 0Takes the seconds and converts in into minutes   60   This gives a rational number  From here it is truncated using the bitwise OR   0  timeInSeconds 60Remainder  modulo   Gives the remainder of the variable divided by 60   Hours This method can be expanded to include hours like this  let timeString      timeInSeconds 60 60 0    timeInSeconds 60 60 0    timeInSeconds 60    Repeating this process  you can even include days

User · Answer

I was thinking of a faster way to get this done and this is what i came up with  var sec   parseInt time   var min 0  while sec gt 59   sec- 60  min       If we want to convert  time  to minutes and seconds  for example      time   75 3 sec var sec   parseInt time     sec   75 var min 0  while sec gt 59   sec- 60  min       sec   15  min   1

User · Answer

you can use this snippet   gt   const timerCountDown   async      gt        let date   new Date        let time   date getTime     122000      let countDownDate   new Date time  getTime        let x   setInterval async      gt          let now   new Date   getTime          let distance   countDownDate - now        let days   Math floor distance    1000   60   60   24          let hours   Math floor  distance    1000   60   60   24      1000   60   60          let minutes   Math floor  distance    1000   60   60      1000   60          let seconds   Math floor  distance    1000   60     1000          if  distance  lt  1000                                  Timer Finished          clearInterval x                  1000

User · Answer

You can also use native Date object   var date   new Date null   date setSeconds timeInSeconds       retrieve time ignoring the browser timezone - returns hh mm ss var utc   date toUTCString       negative start index in substr does not work in IE 8 and earlier var time   utc substr utc indexOf      - 2  8      retrieve each value individually - returns h m s var time   date getUTCHours           date getUTCMinutes            date getUTCSeconds        does not work in IE8 and below - returns hh mm ss var time   date toISOString   substr 11  8       not recommended - only if seconds number includes timezone difference var time   date toTimeString   substr 0  8     Of course this solution works only for timeInSeconds less than 24 hours

User · Answer

The Following function will help you to get Days   Hours   Minutes   seconds  toDDHHMMSS inputSeconds           const Days   Math floor  inputSeconds    60   60   24             const Hour   Math floor  inputSeconds    60   60   24      60   60            const Minutes   Math floor   inputSeconds    60   60   24      60   60     60            const Seconds   Math floor   inputSeconds    60   60   24      60   60     60            let ddhhmmss                if  Days  gt  0               ddhhmmss    Days     Day                      if  Hour  gt  0               ddhhmmss    Hour     Hour                       if  Minutes  gt  0               ddhhmmss    Minutes     Minutes                       if  Seconds  gt  0               ddhhmmss    Seconds     Seconds                      return ddhhmmss        alert  toDDHHMMSS 2000

User · Answer

For adding zeros I really don t see the need to have a full other function where you can simply use for example  var mins Math floor StrTime 60   var secs StrTime-mins   60  var hrs Math floor StrTime   3600   RoundTime innerHTML  hrs gt 9 hrs  0  hrs           mins gt 9 mins  0  mins           secs gt 9 secs  0  secs     Its why we have conditional statements in the first place    condition if true if false   so if example seconds is more than 9 than just show seconds else add a string 0 before it

User · Answer

export function TrainingTime props        const  train time     props      const hours   Math floor train time 3600       const minutes   Math floor  train time-hours   3600    60       const seconds   Math floor  train time 60         return    hours  hrs    minutes  min    seconds  sec

User · Answer

I prefer thinking of Millisecond as its own unit  rather than as a subunit of something else  In that sense  it will have values of 0-999  so youre going to want to Pad three instead of two like I have seen with other answers  Here is an implementation  function format n       let mil s   String n   1000  padStart 3   0       n   Math trunc n   1000      let sec s   String n   60  padStart 2   0       n   Math trunc n   60      return String n      m     sec s     s     mil s     ms      https   developer mozilla org Web JavaScript Reference Global Objects String padStart

User · Answer

For people dropping in hoping for a quick simple and thus short solution to format seconds into M SS    function fmtMSS s  return s- s  60   60  9 lt s       0   s    done   The function accepts either a Number  preferred  or a String  2 conversion  penalties  which you can halve by prepending   in the function call s argument for s as in  fmtMSS  strSeconds    representing positive integer seconds s as argument   Examples   fmtMSS     0          0 00 fmtMSS     8          0 08 fmtMSS     9          0 09 fmtMSS    10          0 10 fmtMSS    59          0 59 fmtMSS    60          1 00 fmtMSS    69          1 09 fmtMSS  3599         59 59 fmtMSS  3600         60 00 fmtMSS  3661         61 01 fmtMSS  7425        123 45   Breakdown   function fmtMSS s        accepts seconds as Number or String  Returns m ss   return  s -            take value s and subtract  will try to convert String to Number              s    60      the new value of s  now holding the remainder of s divided by 60                            will also try to convert String to Number              60           and divide the resulting Number by 60                            can never result in a fractional value   no need for rounding                           to which we concatenate a String  converts the Number to String                           who s reference is chosen by the conditional operator            9  lt  s          if    seconds is larger than 9                          then  we don t need to prepend a zero               0          else  we do need to prepend a zero             s            and we add Number s to the string  converting it to String as well      Note  Negative range could be added by prepending  0 gt s  s -s  -        to the return expression  actually   0 gt s  s -s  -   0   would work as well

User · Answer

strftime js  strftime github  is one of the best time formatting libraries  It s extremely light - 30KB - and effective  Using it you can convert seconds into time easily in one line of code  relying mostly on the native Date class   When creating a new Date  each optional argument is positional as follows   new Date year  month  day  hours  minutes  seconds  milliseconds     So if you initialize a new Date with all arguments as zero up to the seconds  you ll get   var seconds   150  var date   new Date 0 0 0 0 0 seconds     gt  Sun Dec 31 1899 00 02 30 GMT-0500  EST    You can see that 150 seconds is 2-minutes and 30-seconds  as seen in the date created  Then using an strftime format    M  S  for  MM SS    it will output your minutes  string   var mm ss str   strftime   M  S   date     gt   02 30    In one line  it would look like   var mm ss str   strftime   M  S   new Date 0 0 0 0 0 seconds      gt   02 30    Plus this would allow you to interchangeable support HH MM SS and MM SS based on the number of seconds  For example     Less than an Hour  seconds  lt  3600  var seconds   2435  strftime  seconds  gt   3600     H  M  S      M  S    new Date 0 0 0 0 0 seconds      gt   40 35     More than an Hour  seconds  gt   3600  var seconds   10050  strftime  seconds  gt   3600     H  M  S      M  S    new Date 0 0 0 0 0 seconds      gt   02 47 30    And of course  you can simply pass whatever format you want to strftime if you want the time string to be more or less semantic   var format    Honey  you said you  d be read in  S seconds  M minutes ago    strftime format  new Date 0 0 0 0 0 1210      gt   Honey  you said you d be read in 10 seconds 20 minutes ago     Hope this helps

User · Answer

function formatSeconds s  number        let minutes      s   60       let seconds      s   60       return minutes         seconds

User · Answer

You ve done enough code to track minutes and seconds portions of time   What you could do is add the hours factor in   var hrd   time    60   60   60   var hours   Math floor hrd   60    var mind   hrd   60  var minutes   Math floor mind   60    var secd   mind   60  var seconds   Math ceil secd    var moreminutes   minutes   hours   60   This would give you what you need also

User · Answer

Clean one liner using ES6   const secondsToMinutes   seconds   gt  Math floor seconds   60            0    Math floor seconds   60   slice -2

User · Answer

To add leading zeros  I would just do   var minutes    0    Math floor time   60   var seconds    0     time - minutes   60   return minutes substr -2          seconds substr -2     Nice and short

User · Answer

2019 best variant  Format hh mm ss   x000D   x000D  console log display 60   60   2 5   25      2 5 hours   25 seconds x000D   x000D  function display  seconds    x000D    const format   val   gt   0  Math floor val    slice -2  x000D    const hours   seconds   3600 x000D    const minutes    seconds   3600    60 x000D   x000D    return  hours  minutes  seconds   60  map format  join      x000D    x000D   x000D   x000D

User · Answer

Moment js If you are using Moment js then you can use there built in Duration object const duration   moment duration 4825   seconds     const h   duration hours       1 const m   duration minutes       20 const s   duration seconds       25

User · Answer

try this   Converting Second to HOURS  MIN and SEC   function convertTime sec        var hours   Math floor sec 3600        hours  gt   1    sec   sec -  hours 3600    hours    00       var min   Math floor sec 60        min  gt   1    sec   sec -  min 60    min    00        sec  lt  1    sec  00    void 0        min toString   length    1    min    0  min   void 0           sec toString   length    1    sec    0  sec   void 0           return hours     min     sec

User · Answer

Seconds to h mm ss  var hours   Math floor time   3600   time -  hours   3600   var minutes   Math floor time   60   time -  minutes   60   var seconds   parseInt time   60  10    console log hours          minutes  lt  10    0    minutes   minutes           seconds  lt  10    0    seconds   seconds

User · Answer

2020 UPDATE  Using basic math and simple javascript this can be done in just a few lines of code   EXAMPLE - Convert 7735 seconds to HH MM SS     MATH   Calculations use    Math floor   - https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Math floor       The Math floor   function returns the largest integer less than or equal to a given number       arithmetic operator  Remainder  - https   developer mozilla org en-US docs Web JavaScript Reference Operators Arithmetic Operators Remainder      The remainder operator returns the remainder left over when one operand is divided by a second operand  It always takes the sign of the dividend    Check out code below  Seconds are divided by 3600 to get number of hours and a remainder  which is used to calculate number of minutes and seconds   HOURS      gt   7735   3600   2 remainder 535  MINUTES    gt   535   60      8 remainder 55  SECONDS    gt   55    LEADING ZEROS   Many answers here use complicated methods to show number of hours  minutes and seconds in a proper way with leading zero - 45  04 etc  This can be done using padStart    This works for strings so the number must be converted to string using toString     https   developer mozilla org en-US docs Web JavaScript Reference Global Objects String padStart     The padStart   method pads the current string with another string  multiple times  if needed  until the resulting string reaches the given length  The padding is applied from the start of the current string      CODE    x000D   x000D  function secondsToTime e   x000D      var h   Math floor e   3600  toString   padStart 2  0    x000D          m   Math floor e   3600   60  toString   padStart 2  0    x000D          s   Math floor e   60  toString   padStart 2  0    x000D       x000D      return h         m         s  x000D    x000D   x000D  console log secondsToTime 7735       02 08 55 x000D   x000D     x000D  secondsToTime SECONDS    gt  HH MM SS  x000D   x000D  secondsToTime 8          gt  00 00 08  x000D  secondsToTime 68         gt  00 01 08 x000D  secondsToTime 1768       gt  00 29 28 x000D  secondsToTime 3600       gt  01 00 00 x000D  secondsToTime 5296       gt  01 28 16 x000D  secondsToTime 7735       gt  02 08 55 x000D  secondsToTime 45296      gt  12 34 56 x000D  secondsToTime 145296     gt  40 21 36 x000D  secondsToTime 1145296    gt  318 08 16 x000D     x000D   x000D   x000D

User · Answer

Put my two cents in     function convertSecondsToMinutesAndSeconds seconds               var minutes              var seconds              minutes   Math floor seconds 60               seconds   seconds 60               return  minutes  seconds               So this    var minutesAndSeconds   convertSecondsToMinutesAndSeconds 101     Will have the following output      1 41     Then you can print it like so     console log  TIME        minutesSeconds 0      minutes      minutesSeconds 1      seconds       TIME   1 minutes  41 seconds

User · Answer

After all this  yet another simple solution   const time   new Date null   time setSeconds 7530   console log time getHours    time getMinutes    time getSeconds

User · Answer

To get the number of full minutes  divide the number of total seconds by 60  60 seconds minute    var minutes   Math floor time   60     And to get the remaining seconds  multiply the full minutes with 60 and subtract from the total seconds   var seconds   time - minutes   60    Now if you also want to get the full hours too  divide the number of total seconds by 3600  60 minutes hour    60 seconds minute  first  then calculate the remaining seconds   var hours   Math floor time   3600   time   time - hours   3600    Then you calculate the full minutes and remaining seconds   Bonus   Use the following code to pretty-print the time  suggested by Dru   function str pad left string pad length        return  new Array length 1  join pad  string  slice -length      var finalTime   str pad left minutes  0  2      str pad left seconds  0  2

User · Answer

x000D   x000D  var seconds   60  x000D  var measuredTime   new Date null   x000D  measuredTime setSeconds seconds      specify value of SECONDS x000D  var Time   measuredTime toISOString   substr 11  8   x000D  document getElementById  id1   value   Time  x000D   lt div class  form-group  gt  x000D     lt label for  course  class  col-md-4  gt Time lt  label gt  x000D     lt div class  col-md-8  gt  x000D       lt input type  text  class  form-control  id  id1  name  field  gt Min x000D     lt  div gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Another fancy solution  function fancyTimeFormat duration              Hours  minutes and seconds     var hrs      duration   3600       var mins       duration   3600    60       var secs     duration   60          Output like  quot 1 01 quot  or  quot 4 03 59 quot  or  quot 123 03 59 quot      var ret    quot  quot        if  hrs  gt  0            ret     quot  quot    hrs    quot   quot     mins  lt  10    quot 0 quot     quot  quot               ret     quot  quot    mins    quot   quot     secs  lt  10    quot 0 quot     quot  quot        ret     quot  quot    secs      return ret        is a shorthand for Math floor  see this link for more info Try online

User · Answer

Another but much more elegant solution for this is as follows          Convert number secs to display time       65 input becomes 01 05         param Number inputSeconds Seconds input      export const toMMSS   inputSeconds   gt        const secs   parseInt  inputSeconds  10        let minutes   Math floor  secs   60        let seconds   secs - minutes   60       if   10  gt  minutes             minutes    0    minutes            if   10  gt  seconds             seconds    0    seconds                Return display      return minutes         seconds

[javascript] Javascript seconds to minutes and seconds

Examples related to javascript