Скачать или смотреть How to Calculate the Duration Between Two Dates in JavaScript:

Learn how to easily calculate the duration between two dates in JavaScript and format it into a user-friendly `hh:mm:ss` style.
---
This video is based on the question https://stackoverflow.com/q/72017260/ asked by the user 'leon tinder' ( https://stackoverflow.com/u/18955063/ ) and on the answer https://stackoverflow.com/a/72017896/ provided by the user 'Khushbu Choksi' ( https://stackoverflow.com/u/8243999/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: how to get the duration from two dates in the following format

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Calculate the Duration Between Two Dates in JavaScript: 126:32:40 Format

Calculating the duration between two dates can be a common task in programming, especially when dealing with timestamps or tracking time-related events. If you’re looking to derive a duration in the format of hh:mm:ss from two Date objects in JavaScript, you’ve come to the right place.

In this guide, we will break down the process of calculating the time difference from two given dates, and format it into a readable string. Let’s dive right in!

The Problem

Suppose you have two dates as follows:

[[See Video to Reveal this Text or Code Snippet]]

Your goal is to calculate the difference between these two dates and represent this duration in the format of 126:32:40 (which represents 126 hours, 32 minutes, and 40 seconds).

The Solution

To achieve this, we will break down our solution into a few easy-to-follow steps.

Step 1: Calculate the Time Difference

First, we need to get the difference in milliseconds between the two dates. This can be done using the getTime() method.

[[See Video to Reveal this Text or Code Snippet]]

After executing the above code, diff will contain the time difference in milliseconds.

Step 2: Convert Milliseconds to Seconds

Now that we have the difference in milliseconds, the next step is to convert it into seconds.

[[See Video to Reveal this Text or Code Snippet]]

Step 3: Convert Seconds to Hours

With the total seconds available, we can now convert them into hours. Given that there are 3600 seconds in an hour, we’ll calculate how many complete hours are there and update the seconds left.

[[See Video to Reveal this Text or Code Snippet]]

Step 4: Convert Remaining Seconds to Minutes

Next, we will convert the remaining seconds into minutes. Here, we will also handle the leftover seconds.

[[See Video to Reveal this Text or Code Snippet]]

Step 5: Format the Output

Finally, it’s time to format our result into a string that matches the hh:mm:ss format. Combining all the components, we can log the result.

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

By following these steps, you can easily calculate the duration between two dates in JavaScript and represent it in a format that is easy to read. This approach can be extremely useful in various scenarios like logging time spent on tasks, event duration tracking, and much more.

Now you have a simple, yet effective method to handle date differences in your JavaScript projects. Feel free to experiment with different date ranges to master it further!

Happy Coding!