Check time difference in Javascript

Question

How would you check time difference from two text-boxes in Javascript

User · Answer

Here s the solution that worked for me   var date1   new Date  08 05 2015 23 41 20    var date2   new Date  08 06 2015 02 56 32     var diff   date2 getTime   - date1 getTime     var msec   diff  var hh   Math floor msec   1000   60   60   msec -  hh   1000   60   60  var mm   Math floor msec   1000   60   msec -  mm   1000   60  var ss   Math floor msec   1000   msec -  ss   1000   alert hh         mm         ss

User · Answer

var moment   require  quot moment quot    var momentDurationFormatSetup   require  quot moment-duration-format quot    var now     quot 2015-07-16T16 33 39 113Z quot   var then    quot 2015-06-16T22 33 39 113Z quot    var ms   moment now  quot YYYY-MM-DD T HH mm ss SSSZ quot   diff moment then  quot YYYY-MM-DD T HH mm ss SSSZ quot     var d   moment duration ms   var s   d format  quot dd hh mm ss quot    console log s

User · Answer

This is an addition to dmd733 s answer  I fixed the bug with Day duration  well I hope I did  haven t been able to test every case     I also quickly added a String property to the result that holds the general time passed  sorry for the bad nested ifs     For example if used for UI and indicating when something was updated  like a RSS feed   Kind of out of place but nice-to-have   function getTimeDiffAndPrettyText oDatePublished       var oResult          var oToday   new Date       var nDiff   oToday getTime   - oDatePublished getTime          Get diff in days   oResult days   Math floor nDiff   1000   60   60   24     nDiff -  oResult days   1000   60   60   24        Get diff in hours   oResult hours   Math floor nDiff   1000   60   60     nDiff -  oResult hours   1000   60   60        Get diff in minutes   oResult minutes   Math floor nDiff   1000   60     nDiff -  oResult minutes   1000   60        Get diff in seconds   oResult seconds   Math floor nDiff   1000         Render the diffs into friendly duration string       Days   var sDays    00     if  oResult days  gt  0          sDays   String oResult days         if  sDays length     1          sDays    0    sDays            Format Hours   var sHour    00     if  oResult hours  gt  0          sHour   String oResult hours         if  sHour length     1          sHour    0    sHour             Format Minutes   var sMins    00     if  oResult minutes  gt  0          sMins   String oResult minutes         if  sMins length     1          sMins    0    sMins             Format Seconds   var sSecs    00     if  oResult seconds  gt  0          sSecs   String oResult seconds         if  sSecs length     1          sSecs    0    sSecs             Set Duration   var sDuration   sDays         sHour         sMins         sSecs    oResult duration   sDuration        Set friendly text for printing   if oResult days     0           if oResult hours     0               if oResult minutes     0                  var sSecHolder   oResult seconds  gt  1    Seconds     Second                 oResult friendlyNiceText   oResult seconds         sSecHolder     ago               else                  var sMinutesHolder   oResult minutes  gt  1    Minutes     Minute                 oResult friendlyNiceText   oResult minutes         sMinutesHolder     ago                        else             var sHourHolder   oResult hours  gt  1    Hours     Hour             oResult friendlyNiceText   oResult hours         sHourHolder     ago               else          var sDayHolder   oResult days  gt  1    Days     Day         oResult friendlyNiceText   oResult days         sDayHolder     ago          return oResult

User · Answer

This function returns a string with the difference from a datetime string and the current datetime   function get time diff  datetime         var datetime   typeof datetime      undefined    datetime    2014-01-01 01 02 03 123456        var datetime   new Date  datetime   getTime        var now   new Date   getTime         if  isNaN datetime                  return                console log  datetime         now        if  datetime  lt  now            var milisec diff   now - datetime       else          var milisec diff   datetime - now             var days   Math floor milisec diff   1000   60    60   24         var date diff   new Date  milisec diff         return days     Days    date diff getHours       Hours     date diff getMinutes       Minutes     date diff getSeconds       Seconds       Tested in the Google Chrome console  press F12   get time diff   1388534523123 1375877555722  146 Days 12 Hours 49 Minutes 27 Seconds

User · Answer

You can use moment js for this purpose  momentJs  fromNow    will give you any time difference from current time   var m1   any date time on moment format   console log m1 fromNow

User · Answer

I would use just getTime    and for example Date now   to return difference in milliseconds      specified date   var oneDate   new Date  November 02  2017 06 00 00       number of milliseconds since midnight Jan 1 1970 till specified date  var oneDateMiliseconds   oneDate getTime         number of milliseconds since midnight Jan 1 1970 till now  var currentMiliseconds   Date now        return time difference in miliseconds  alert currentMiliseconds-oneDateMiliseconds

User · Answer

You can Get Two Time Different with this function      x000D   x000D       x000D         Get Two Time Different x000D          param join x000D          param lastSeen x000D          param now x000D          returns  string  x000D          x000D      function getTimeDiff  join  lastSeen  now   false  x000D        x000D          let t1   new Date join  getTime    t2   new Date lastSeen  getTime    milliseconds  0  time      x000D          if  now  t2   Date now    x000D          if  isNaN t1     isNaN t2    return     x000D          if  t1  lt  t2  milliseconds   t2 - t1  else milliseconds   t1 - t2  x000D          var days   Math floor milliseconds   1000   60    60   24    x000D          var date diff   new Date  milliseconds    x000D          if  days  gt  0  time    days    d    x000D          if  date diff getHours    gt  0  time    date diff getHours      h    x000D          if  date diff getMinutes    gt  0  time    date diff getMinutes      m    x000D          if  date diff getSeconds    gt  0  time    date diff getSeconds      s    x000D          return time  x000D        x000D       x000D       x000D      console log getTimeDiff 1578852606608  1579530945513    x000D       x000D   x000D   x000D

User · Answer

Try This     x000D   x000D  function SumHours     x000D    var smon   document getElementById  sMon   value   x000D    var fmon   document getElementById  fMon   value   x000D    var diff   0   x000D    if  smon  amp  amp  fmon    x000D      smon   ConvertToSeconds smon   x000D      fmon   ConvertToSeconds fmon   x000D      diff   Math abs  fmon - smon     x000D      console log   time difference is       secondsTohhmmss diff     x000D      x000D   x000D    function ConvertToSeconds time    x000D      var splitTime   time split       x000D      return splitTime 0    3600   splitTime 1    60  x000D      x000D   x000D    function secondsTohhmmss secs    x000D      var hours   parseInt secs   3600   x000D      var seconds   parseInt secs   3600   x000D      var minutes   parseInt seconds   60    x000D      return hours    hours       minutes    minutes    x000D      x000D    x000D   lt td gt  x000D     lt input type  time  class  dataInput  id  sMon  onchange  SumHours       gt  x000D   lt  td gt  x000D   x000D   lt td gt  x000D     lt input type  time  class  dataInputt  id  fMon  onchange  SumHours      gt  x000D   lt  td gt  x000D   x000D   x000D

User · Answer

When i tried the difference between same time stamp it gave 0 Days 5 Hours 30 Minutes   so to get it exactly i have subtracted 5 hours and 30 min  function get time diff  datetime     var datetime   typeof datetime      undefined    datetime    2014-01-01 01 02 03 123456    var datetime   new Date datetime  getTime    var now   new Date   getTime     if  isNaN datetime          return        console log  datetime         now    if  datetime  lt  now        var milisec diff   now - datetime   else      var milisec diff   datetime - now     var days   Math floor milisec diff   1000   60    60   24     var date diff   new Date  milisec diff     return days    d     date diff getHours   - 5     h      date diff getMinutes   - 30     m

User · Answer

Here is my rendition      function get time difference earlierDate  laterDate         var oDiff   new Object             Calculate Differences         -------------------------------------------------------------------         var nTotalDiff   laterDate getTime   - earlierDate getTime         oDiff days   Math floor nTotalDiff   1000   60   60   24       nTotalDiff -  oDiff days   1000   60   60   24       oDiff hours   Math floor nTotalDiff   1000   60   60       nTotalDiff -  oDiff hours   1000   60   60       oDiff minutes   Math floor nTotalDiff   1000   60       nTotalDiff -  oDiff minutes   1000   60       oDiff seconds   Math floor nTotalDiff   1000           -------------------------------------------------------------------              Format Duration         -------------------------------------------------------------------             Format Hours     var hourtext    00       if  oDiff days  gt  0   hourtext   String oDiff days        if  hourtext length    1  hourtext    0    hourtext            Format Minutes     var mintext    00       if  oDiff minutes  gt  0   mintext   String oDiff minutes        if  mintext length    1    mintext    0    mintext             Format Seconds     var sectext    00       if  oDiff seconds  gt  0    sectext   String oDiff seconds         if  sectext length    1    sectext    0    sectext             Set Duration     var sDuration   hourtext         mintext         sectext      oDiff duration   sDuration          -------------------------------------------------------------------          return oDiff

User · Answer

I have done some enhancements for timer counter    example return   01 23 02 02                    1 Day 01 23 02 02                    2 Days 01 23 02 02    function get timeDifference strtdatetime        var datetime   new Date strtdatetime  getTime        var now   new Date   getTime         if  isNaN datetime             return                  console log datetime         now        if  datetime  lt  now            var milisec diff   now - datetime        else           var milisec diff   datetime - now             var days   Math floor milisec diff   1000   60    60   24         var date diff   new Date milisec diff            var msec   milisec diff      var hh   Math floor msec   1000   60   60       msec -  hh   1000   60   60      var mm   Math floor msec   1000   60       msec -  mm   1000   60      var ss   Math floor msec   1000       msec -  ss   1000       var daylabel           if  days  gt  0            var grammar                if  days  gt  1  grammar    s            var hrreset   days   24          hh   hh - hrreset          daylabel   days     Day    grammar                   Format Hours     var hourtext    00       hourtext   String hh       if  hourtext length    1    hourtext    0    hourtext             Format Minutes     var mintext    00       mintext   String mm        if  mintext length    1    mintext    0    mintext             Format Seconds     var sectext    00       sectext   String ss        if  sectext length    1    sectext    0    sectext         var msectext    00       msectext   String msec       msectext   msectext substring 0  1       if  msectext length    1    msectext    0    msectext         return daylabel   hourtext         mintext         sectext         msectext

User · Answer

You can set your custom difference by inserting values in end and updatedAt getDifference theDate  string   string   let end   moment moment moment    valueOf     let updatedAt   moment new Date theDate  valueOf     let diff   end diff updatedAt   quot hour quot   false   if  diff  gt  8760      diff   end diff updatedAt   quot years quot   false     return diff  gt  1   diff    quot  years ago quot    diff    quot  year ago quot     else if  diff  gt  730      diff   end diff updatedAt   quot months quot   false     return diff  gt  1   diff    quot  months ago quot    diff    quot  month ago quot     else if  diff  gt  24      diff   end diff updatedAt   quot days quot   false     return diff  gt  1   diff    quot  days ago quot    diff    quot  day ago quot     else if  diff  lt   0      diff   end diff updatedAt   quot minutes quot   false     return diff  gt  1   diff    quot  minutes ago quot    diff    quot  minute ago quot     else return diff  gt  1   diff    quot  hours ago quot    diff    quot  hour ago quot

User · Answer

A good solution is avaliable at   http   blogs digitss com javascript calculate-datetime-difference-simple-javascript-code-snippet    gives the output in your desired differnece format of   days    hours   minutes   seconds     A slightly modified version of that code is shown below   var vdaysdiff     difference of the dates    var vhourDiff     var vmindiff     var vsecdiff      vdaysdiff   Math floor diff 1000 60 60 24       in days    diff -  vdaysdiff 1000 60 60 24      vhourDiff   Math floor diff 1000 60 60       in hours    diff -  vhourDiff 1000 60 60      vmindiff   Math floor diff 1000 60      in minutes    diff -  vmindiff 1000 60      vsecdiff  Math floor diff 1000       in seconds       Text formatting    var hourtext    00      if  hourDiff  gt  0   hourtext   String hourDiff       if  hourtext length    1  hourtext    0    hourtext                                                                     var mintext    00                                 if  mindiff  gt  0   mintext   String mindiff       if  mintext length    1  mintext    0    mintext        shows output as HH MM   i needed shorter duration     duration value  hourtext         mintext

User · Answer

I like doing it via Epoch   var now   new Date    var future   new Date now setMinutes 15     var futureEpoch   moment future  unix    var nowEpoch   moment now  unix    var differenceInEpoch   nowEpoch - scheduledEpoch    console log  futureEpoch              futureEpoch   console log  nowEpoch                    nowEpoch   console log  differenceInEpoch           differenceInEpoch    var diffTime   new Date 0      The 0 there is the key  which sets the date to the epoch diffTime setUTCSeconds differenceInEpoch   console log  new diffTime       diffTime

User · Answer

Improvise  Subtract JavaScript Date objects to get their difference      use a constant date  e g  2000-01-01  and the desired time to initialize two dates  var date1   new Date 2000  0  1   9  0      9 00 AM var date2   new Date 2000  0  1  17  0      5 00 PM     the following is to handle cases where the times are on the opposite side of    midnight e g  when you want to get the difference between 9 00 PM and 5 00 AM  if  date2  lt  date1        date2 setDate date2 getDate     1      var diff   date2 - date1      28800000 milliseconds  8 hours      You can then convert milliseconds to hour  minute and seconds like this   var msec   diff  var hh   Math floor msec   1000   60   60   msec -  hh   1000   60   60  var mm   Math floor msec   1000   60   msec -  mm   1000   60  var ss   Math floor msec   1000   msec -  ss   1000     diff   28800000   gt  hh   8  mm   0  ss   0  msec   0     You can convert time as string to 24-hour format like this   function parseTime s        var part   s match    d     d         am pm   i       var hh   parseInt part 1   10       var mm   parseInt part 2   10       var ap   part 3    part 3  toUpperCase     null      if  ap      AM             if  hh    12                hh   0                      if  ap      PM             if  hh    12                hh    12                      return   hh  hh  mm  mm      parseTime  12 00 AM        hh   0  mm  0  parseTime  12 00 PM        hh  12  mm  0  parseTime  01 00 PM        hh  13  mm  0  parseTime  23 00           hh  23  mm  0

User · Answer

In my case  I m gonna store the time in milliseconds on chrome storage and try to find diff in hours later   function timeDiffInHours milliseconds       time diff    new Date  getTime   - milliseconds     return parseInt  time diff  1000 60 60     24        This is again sending current time and diff would be 0  timeDiffInHours  new Date  getTime

User · Answer

The time diff in milliseconds  firstDate getTime   - secondDate getTime

User · Answer

grab the input values after form submission in php   start time     POST  start time     end time    POST  end time     start    start time   end    end time   datetime1   new DateTime  end    datetime2   new DateTime  start     echo  datetime1- gt format  H i s     interval    datetime1- gt diff  datetime2    elapsed    interval- gt format   h  i     time   explode      elapsed    hours    time 0    minutes    time 1    tminutes    minutes     hours 60     the variable  tminutes  is total diff in minutes   working hour is  hour    this code is for php use this logic and convert this code to js

[javascript] Check time difference in Javascript

Examples related to javascript

Examples related to date

Examples related to datetime