Properly calculating time differences in JavaScript

http://blog.synyx.de/2012/11/properly-calculating-time-differences-in-javascript/

by VMG • 14 years ago

26 13 14 years ago

blog.synyx.de

Nitpicking, but this:

Luckily, there is, and that place is UTC. UTC is a time measuring system that does not have daylight savings time and where midnights always are 24 hours apart.

isn't strictly true, at least in the sense that 24 hours isn't always the same length of time because of leap seconds.

VMG3• 14 years ago

The ECMA-262 luckily(?) ignores leap seconds:

http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.1

Time is measured in ECMAScript in milliseconds since 01 January, 1970 UTC. In time values leap seconds are ignored. It is assumed that there are exactly 86,400,000 milliseconds per day.

adg0012• 14 years ago

Ignoring leap seconds will not make them disappear :-) They belong to UTC not to ECMA-262.

Therefore, whenever we compute the difference between two UTC times, we should really account for any leap second.

geuis• 14 years ago

This is good info.

I'm a fairly intelligent guy, can follow the plots of Primer, Terminator, and other scifi time travel movies. I have a decent understanding of relativity, spatial reference frames, etc.

But any time I have to deal with slightly more-than-simple time issues in any language, my brain starts more or less falling to pieces. Python and js have good libraries that help, but its still a confounding bugger of an issue.

Joeri• 14 years ago

The most i've ever hurt my brain was reasoning about a timezone-aware fleet management system, and what it meant when a vehicle was driven from one timezone to the next while properly billing the time driven. We ended up going with an 80% solution that we know is wrong in some cases, but that we an actually explain to users.

tadfisher2• 14 years ago

It's pretty simple once you know the rules:

- Always store times and calculate differences/offsets in UTC.

- Never attempt to convert a local time to UTC (it is not a one-to-one mapping!).

- Depending on your application, convert any dates to a given timezone at the moment they are displayed.

Now Javascript throws a monkey-wrench into the whole affair, because it assumes Dates should be handled in the user's local timezone, which, if you're dealing with timezone issues, is certainly not what you want. So attempting to convert a Date object from one timezone to the next is surely impossible to do without introducing bugs unless you understand the rules for every timezone you're dealing with.

Luckily, a guy named Olson created a database of timezone rules for us mortals to use in our timezone-aware applications. In another stroke of good fortune, some smart people wrote a Javascript library [1] that parses this database for you and can convert your Javascript Date object between any timezone on the planet. So you do all your calculations using this Date object in UTC mode, then convert to the desired timezone at the time they are displayed.

[1] https://github.com/mde/timezone-js

kevincennis• 14 years ago

"As a JavaScript veteran you know that you have to use new Date() instead of Date() because the second one returns a string for some reason"

Uhhhhh...

arnarbi• 14 years ago

If you don't mind dependencies, there's Moment.js

http://momentjs.com/

tadfisher2• 14 years ago

...Which unfortunately falls short when you need to do anything more complicated than transforming dates between local time and UTC. If you need to, say, display a Date in Pacific Standard Time to a user agent in Helsinki, you absolutely need something that understands the timezone database.

I've found that timezone-js [1] does the job.

[1] https://github.com/mde/timezone-js

inetsee• 14 years ago

When I ran into this problem, I ended up switching over to using the "datejs" library, located here "http://code.google.com/p/datejs/downloads/list. Date.js seems to handle Daylight Savings Time just fine; I don't know if it deals with Leap Seconds.

Properly calculating time differences in JavaScript

Related Stories