Javascript return number of days hours minutes seconds between two dates

Question

Does anyone can link me to some tutorial where I can find out how to return days   hours   minutes  seconds in javascript between 2 unix datetimes   I have   var date now   unixtimestamp  var date future   unixtimestamp    I would like to return  live  how many days hours minutes seconds left from the date now to the date future

User · Answer

Here s my take   timeSince 123456    gt   1 day  10 hours  17 minutes  36 seconds    And the code   function timeSince date  longText        let seconds   null      let leadingText   null       if  date instanceof Date            seconds   Math floor  new Date   - date    1000           if  seconds  lt  0                leadingText     from now             else               leadingText     ago                     seconds   Math abs seconds         else           seconds   date          leadingText                  const intervals              31536000   year                2592000   month                 86400   day                    3600   hour                     60   minute                    1   second                let interval   seconds      let intervalStrings           for  let i   0  i  lt  intervals length  i              let divResult   Math floor interval   intervals i  0            if  divResult  gt  0                intervalStrings push divResult         intervals i  1      divResult  gt  1     s                      interval   interval   intervals i  0               if   longText                    break                                    let intStr   intervalStrings join             return intStr   leadingText

User · Answer

Easy Way  function diff hours dt2  dt1         var diff   dt2 getTime   - dt1 getTime      1000    diff     60   60     return Math abs Math round diff          function diff minutes dt2  dt1         var diff   dt2 getTime   - dt1 getTime      1000    diff     60     return Math abs Math round diff         function diff seconds dt2  dt1         var diff   dt2 getTime   - dt1 getTime      1000    return Math abs Math round diff         function diff miliseconds dt2  dt1         var diff   dt2 getTime   - dt1 getTime       return Math abs Math round diff          dt1   new Date 2014 10 2   dt2   new Date 2014 10 3   console log diff hours dt1  dt2      dt1   new Date  October 13  2014 08 11 00    dt2   new Date  October 14  2014 11 13 00    console log diff hours dt1  dt2     console log diff minutes dt1  dt2     console log diff seconds dt1  dt2     console log diff miliseconds dt1  dt2

User · Answer

function calculateExamRemainingTime exam end at       function         const calcNewYear   setInterval function             const exam ending at      new Date exam end at           const current time        new Date                    const totalSeconds       Math floor  exam ending at -  current time   1000            const totalMinutes       Math floor totalSeconds 60           const totalHours         Math floor totalMinutes 60           const totalDays          Math floor totalHours 24            const hours     totalHours -   totalDays   24            const minutes   totalMinutes -   totalDays   24   60   -   hours   60            const seconds   totalSeconds -   totalDays   24   60   60   -   hours   60   60   -   minutes   60             const examRemainingHoursSection   document querySelector   remainingHours            const examRemainingMinutesSection   document querySelector   remainingMinutes            const examRemainingSecondsSection   document querySelector   remainingSeconds             examRemainingHoursSection innerHTML   hours toString            examRemainingMinutesSection innerHTML   minutes toString            examRemainingSecondsSection innerHTML   seconds toString           1000          calculateExamRemainingTime  2025-06-03 20 20 20

User · Answer

Here s in javascript   For example  the future date is New Year s Day   DEMO  updates every second   var dateFuture   new Date new Date   getFullYear    1  0  1   var dateNow   new Date     var seconds   Math floor  dateFuture -  dateNow   1000   var minutes   Math floor seconds 60   var hours   Math floor minutes 60   var days   Math floor hours 24    hours   hours- days 24   minutes   minutes- days 24 60 - hours 60   seconds   seconds- days 24 60 60 - hours 60 60 - minutes 60

User · Answer

Just figure out the difference in seconds  don t forget JS timestamps are actually measured in milliseconds  and decompose that value      get total seconds between the times var delta   Math abs date future - date now    1000      calculate  and subtract  whole days var days   Math floor delta   86400   delta -  days   86400      calculate  and subtract  whole hours var hours   Math floor delta   3600    24  delta -  hours   3600      calculate  and subtract  whole minutes var minutes   Math floor delta   60    60  delta -  minutes   60      what s left is seconds var seconds   delta   60      in theory the modulus is not required   EDIT code adjusted because I just realised that the original code returned the total number of hours  etc  not the number of hours left after counting whole days

User · Answer

Short and flexible with support for negative values  although by using two comma expressions     function timeUnitsBetween startDate  endDate      let delta   Math abs endDate - startDate    1000    const isNegative   startDate  gt  endDate   -1   1    return         days   24   60   60         hours   60   60         minutes   60         seconds   1      reduce  acc   key  value     gt   acc key    Math floor delta   value    isNegative  delta -  acc key    isNegative   value  acc            Example   timeUnitsBetween new Date  2019-02-11T02 12 03 00 00    new Date  2019-02-11T01 00 00 00 00          days  -0  hours  -1  minutes  -12  seconds  -3     Inspired by RienNeVaPlu s solution

User · Answer

MomentJS has a function to do that   const start   moment j timings start   const end   moment j timings end   const elapsedMinutes   end diff start   minutes

User · Answer

The best library that I know of for duration breakdown is countdown js  It handles all the hard cases such as leap years and daylight savings as csg mentioned  and even allows you to specify fuzzy concepts such as months and weeks  Here s the code for your case     assuming these are in  seconds   in case of MS don t multiply by 1000 below  var date now   1218374   var date future   29384744   diff   countdown date now   1000  date future   1000               countdown DAYS   countdown HOURS   countdown MINUTES   countdown SECONDS   alert  days      diff days     hours      diff hours            minutes      diff minutes     seconds      diff seconds      or even better alert diff toString        Here s a JSFiddle  but it would probably only work in FireFox or in Chrome with web security disabled  since countdown js is hosted with a text plain MIME type  you re supposed to serve the file  not link to countdownjs org

User · Answer

const arrDiff             label   second       value  1000               label   minute       value  1000   60               label   hour       value  1000   60   60               label   day       value  1000   60   60   24               label   year       value  1000   60   60   24   365           function diff date      let result     label      value          const value   Date now   - date    for  let obj of arrDiff        let temp   Math round value   obj value       if  temp     0          break        else       result             value  temp          label  obj label                 return result     const postDate   new Date  2020-12-17 23 50 00 0700    console log diff postDate

User · Answer

Please note that calculating only based on differences will not cover all cases  leap years and switching of  daylight savings time    Javascript has poor built-in library for working with dates  I suggest you use a third party javascript library  e g  MomentJS  you can see here the function you were looking for

User · Answer

my solution is not as clear as that  but I put it as another example   x000D   x000D  console log duration  2019-07-17T18 35 25 235Z    2019-07-20T00 37 28 839Z     x000D   x000D  function duration t0  t1   x000D      let d    new Date t1   -  new Date t0    x000D      let weekdays       Math floor d 1000 60 60 24 7   x000D      let days           Math floor d 1000 60 60 24 - weekdays 7   x000D      let hours          Math floor d 1000 60 60    - weekdays 7 24            - days 24   x000D      let minutes        Math floor d 1000 60       - weekdays 7 24 60         - days 24 60         - hours 60   x000D      let seconds        Math floor d 1000          - weekdays 7 24 60 60      - days 24 60 60      - hours 60 60      - minutes 60   x000D      let milliseconds   Math floor d               - weekdays 7 24 60 60 1000 - days 24 60 60 1000 - hours 60 60 1000 - minutes 60 1000 - seconds 1000   x000D      let t       x000D        weekdays    days    hours    minutes    seconds    milliseconds   forEach q  gt   if  eval q  gt 0    t q    eval q         x000D      return t  x000D    x000D   x000D   x000D

User · Answer

function update datetime    2017-01-01 05 11 58         var theevent   new Date datetime       now   new Date        var sec num    theevent - now    1000      var days      Math floor sec num    3600   24        var hours     Math floor  sec num -  days    3600   24    3600       var minutes   Math floor  sec num -  days    3600   24   -  hours   3600     60       var seconds   Math floor sec num -  days    3600   24   -  hours   3600  -  minutes   60         if  hours    lt  10   hours      0  hours       if  minutes  lt  10   minutes    0  minutes       if  seconds  lt  10   seconds    0  seconds        return  days      hours     minutes     seconds

User · Answer

here is an code to find difference between two dates in Days Hours Minutes Seconds  assuming the future date is new year date    var one day   24 60 60 1000                  total milliseconds in one day  var today   new Date    var new year   new Date  01 01 2017          future date  var today time   today getTime               time in miliiseconds var new year time   new year getTime                              var time diff   Math abs new year time - today time      time diff in ms   var days   Math floor time diff   one day                 no of days  var remaining time   time diff -  days one day           remaining ms    var hours   Math floor remaining time  60 60 1000       remaining time   remaining time -  hours 60 60 1000      var minutes   Math floor remaining time  60 1000            remaining time   remaining time -  minutes   60   1000       var seconds   Math ceil remaining time   1000

User · Answer

Because MomentJS is quite heavy and sub-optimized  people not afraid to use a module should probably look at date-fns instead  which provides an intervalToDuration method which does what you want  const result   intervalToDuration     start  new Date dateNow     end  new Date dateFuture       And which would return an object looking like so      years  39    months  2    days  20    hours  7    minutes  5    seconds  0     Then you can even use formatDuration to display this object as a string using the parameters you prefer

User · Answer

let delta   Math floor Math abs start getTime   - end getTime      1000   let hours   Math floor delta   3600   delta -  hours   3600  let minutes   Math floor delta   60   delta -  minutes   60  let seconds   delta  if  hours toString   length     1      hours    0  hours      if  minutes toString   length     1      minutes    0  minutes      if  seconds toString   length     1      seconds    0  seconds      const recordingTime      hours    minutes    seconds

User · Answer

Here is a code example  I used simple calculations instead of using precalculations like 1 day is 86400 seconds  So you can follow the logic with ease      Calculate time between two dates  var date1   new Date  1110-01-01 11 10    var date2   new Date     console log  difference in ms   date1 - date2       Use Math abs   so the order of the dates can be ignored and you won t    end up with negative numbers when date1 is before date2  console log  difference in ms abs   Math abs date1 - date2    console log  difference in seconds   Math abs date1 - date2    1000    var diffInSeconds   Math abs date1 - date2    1000  var days   Math floor diffInSeconds   60   60   24   var hours   Math floor diffInSeconds   60   60   24   var minutes   Math floor diffInSeconds   60   60   var seconds   Math floor diffInSeconds   60   var milliseconds   Math round  diffInSeconds - Math floor diffInSeconds     1000    console log  days   days   console log  hours     0    hours  slice -2    console log  minutes     0    minutes  slice -2    console log  seconds     0    seconds  slice -2    console log  milliseconds     00    milliseconds  slice -3

User · Answer

Use moment js library  for example   var time   date future - date now  var seconds   moment duration time  seconds    var minutes   moment duration time  minutes    var hours     moment duration time  hours    var days      moment duration time  days

User · Answer

We can do it by simple method  x000D   x000D    Declare the function    function Clock        let d1   new Date  1 Jan 2021        let d2   new Date         let difference   Math abs d1 - d2     to get absolute value       calculate for each one     let Days   Math floor difference     1000   60   60   24         let Hours   Math floor  difference     1000   60   60      24       let Mins   Math floor  difference     1000   60      60       let Seconds   Math floor  difference     1000      60          getting nodes and change the text inside     let getday   document querySelector   big text days        let gethour   document querySelector   big text hours        let getmins   document querySelector   big text mins        let getsec   document querySelector   big text sec         getday textContent   Check Zero Days        gethour textContent   Check Zero Hours       getmins textContent   Check Zero Mins      getsec textContent   Check Zero Seconds        call the funcion for every 1 second setInterval Clock   1000       check and add zero in front  if it is lessthan 10 function Check Zero mytime       return mytime  lt  10    0  mytime   mytime     x000D         padding  0px      margin  0px      box-sizing  border-box    body      max-width  900px      margin  0px auto      background-color whitesmoke      background-size  cover      display  flex      flex-direction  column      align-items  center      margin-top  5rem     main container      display  flex      flex-wrap  wrap      justify-content  center    h1      font-size  3rem      color   3D4B72     big text days    big text hours    big text mins    big text sec      font-size  2rem      font-weight  bold      line-height  2      color   AC7591      text-align  center    p      padding  20px 0px 20px 0px      font-size  3rem      text-align  center     spantext      color   103c28      margin  0px 3rem      font-size  2rem      font-style  italic     text sec      color    005259    x000D   lt  DOCTYPE html gt   lt html gt       lt head gt           lt meta charset  UTF-8  gt           lt meta name  description  content  Responsive site  gt           lt meta name  keywords  content  HTML CSS JS  gt           lt meta name  author  content  Ranjan  gt           lt meta name  viewport  content  width device-width  initial-scale 1 0  gt            lt title gt Home lt  title gt            lt link href  https   fonts googleapis com css family Alfa Slab One Bree Serif Exo Exo 2 Lato Mansalva Playfair Display amp display swap  rel  stylesheet  gt                   lt link rel  stylesheet  href  https   use fontawesome com releases v5 2 0 css all css  integrity  sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK iSvJ a4 0owXq79v lsFkW54bOGbiDQ  crossorigin  anonymous  gt    lt  head gt        lt body gt                lt section gt         lt h1 gt CountDown Timer lt  h1 gt           lt  section gt                             lt section gt             lt div class  main container  gt                                lt div class  days container  gt                lt p class  big text days  gt 1 lt  p gt                 lt span class  spantext spantextdays  gt Days lt  span gt               lt  div gt                    lt div class  hours container  gt                lt p class  big text hours  gt 1 lt  p gt                 lt span class  spantext spantexthours  gt Hours lt  span gt               lt  div gt                    lt div class  mins container  gt                lt p class  big text mins  gt 1 lt  p gt                 lt span class  spantext spantextmins  gt Minutes lt  span gt               lt  div gt                            lt div class  sec container  gt                lt p class  big text sec text sec  gt 1 lt  p gt                 lt span class  spantext spantextsec  gt Seconds lt  span gt               lt  div gt            lt  div gt           lt  section gt        lt  body gt   lt  html gt  x000D   x000D   x000D

User · Answer

I call it the  quot snowman   method quot  and I think it s a little more flexible when you need additional timespans like weeks  moths  years  centuries    and don t want too much repetitive code  var d   Math abs date future - date now    1000                               delta var r                                                                         result var s                                                                         structure     year  31536000      month  2592000      week  604800     uncomment row to ignore     day  86400       feel free to add your own row     hour  3600      minute  60      second  1     Object keys s  forEach function key       r key    Math floor d   s key        d -  r key    s key           for example   year 0 month 0 week 1 day 2 hour 34 minute 56 second 7  console log r    Have a FIDDLE   ES6 Version  2018    TypeScript Version  2019  Inspired by Alnitak s answer

[javascript] Javascript return number of days,hours,minutes,seconds between two dates

Examples related to javascript

Examples related to datetime