bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

JavaScript Temporal Duration

The Temporal.Duration Object

The Temporal.Duration object represents a length of time.

Example: 7 days and 1 hour.

The Temporal.Duration object includes these properties :

years, months, weeks, days, hours, minutes, seconds, milliseconds, microseconds and nanoseconds .

Example

// Create a Duration object
const duration = Temporal.Duration.from({days:7, hours:2});

ISO 8601 Duration Codes

An ISO 8601 duration represent lengths of time.

It uses a standard format starting with ±P (Period), followed by the structure nYnMnDTnHnMnS .

Syntax

(spaces are added for readability)

+P nY nM nW nD T nH nM nS

It covers years nY , months nM , weeks nW , days nD , and a T before hours nH , minutes nM , and seconds nS .

Example

Three years, six months, four days, twelve hours, thirty minutes, and five seconds.

P3Y6M4DT12H30M5S

Learn More

JavaScript Temporal Standards

How to Create a Temporal.Duration

A Duration can be created in several different ways:

FromCode
With Constructornew Temporal.Duration()
From ObjectTemporal.Duration.from()
From ISO StringTemporal.Duration.from()

Create a Duration Using new

You can create a Temporal.Duration object using the new constructor with integer parameters .

Example

// Create a Duration object
const duration = new Temporal.Duration(0, 0, 0, 7, 2);

The parameters must be in this orde:

  • Years
  • Months
  • Weeks
  • Days
  • Hours
  • Minutes
  • Seconds
  • Milliseconds
  • Microseconds
  • Nanoseconds

Create a Duration Using an Object

You can create a duration object using the from() method with an object literal parameter like {days:7, hours: 2} :

Example

// Create a Duration object
const duration = Temporal.Duration.from({days:7, hours:2});

An object literal is the most common method for creating JavaScript objects.

You create an object by literally writing its contents as key:value pairs enclosed in curly braces { } .

Create a Duration Using an ISO string

You can create a Duration object using the from() method with an ISO duration string as parameter.

Example

// Create a Duration
const duration = Temporal.Duration.from("P7DT2H");

Learn More

ISO Duration Strings

Temporal.Duration Properties

The Temporal.Duration object has 12 properties of time information.

Example

//Create a Duration
const duration = new Temporal.Duration(0, 0, 0, 7, 2, 0);
// List the Properties
let text = "blank: " + duration.blank + " " + "sign: " + duration.sign + " " + "years: " + duration.years + " " + "months: " + duration.months + " " + "weeks: " + duration.weeks + " " + "days: " + duration.days + " " + "hour: " + duration.hours  + " " + "minutes: " + duration.minutes  + " " + "seconds: " + duration.seconds  + " " + "milliseconds: " + duration.milliseconds  + " " + "microseconds: " + duration.microseconds  + " " + "nanoseconds: " + duration.nanoseconds;

Safe Date Arithmetic

The Duration object facilitates safe and clear date and time arithmetic, preventing issues related to daylight saving time and time zone changes.

The Duration object can handle time in various units, including years, months, weeks, days, hours, minutes, seconds, milliseconds, microseconds, and nanoseconds.

The Duration object makes date arithmetic clear, readable, and safer than using manual millisecond calculations.

The Duration add() Method

The add() method returns a new duration with a duration added.

The add() method does not change the original duration.

Example

// Create a Duration
const d1 = Temporal.Duration.from({ hours:2, minutes:30 });
// Add a Duration
const d2 = d1.add({ hours:1, minutes:30 });

The Duration subtract() Method

The subtract() method returns a new duration with a duration subtracted.

The subtract() method does not change the original duration.

Example

// Create a Duration
const d1 = Temporal.Duration.from({ hours:2, minutes:30 });
// Subtract a Duration
const d2 = d1.subtract({ hours:1, minutes:30 });

Immutability

Temporal objects are immutable, meaning operations like add() or subtract() return a new Temporal.Duration instance, leaving the original unchanged.

Temporal add() and subtract()

All temporal objects have their own add() method :

  • duration .add( duration )
  • instant .add( duration )
  • plaindate .add( duration )
  • plaintime .add( duration )
  • plainyearmonth .add( duration )
  • plainmonthday .add( duration )
  • plaindatetime .add( duration )
  • zoneddatetime .add( duration )

All temporal objects have their own subtract() method :

  • duration .subtract( duration )
  • instant .subtract( duration )
  • plaindate .subtract( duration )
  • plaintime .subtract( duration )
  • plainyearmonth .subtract( duration )
  • plainmonthday .subtract( duration )
  • plaindatetime .subtract( duration )
  • zoneddatetime .subtract( duration )

Learn More

Temporal Arithmetic

The Compare() Method

The Temporal.Duration object does not have an equals() method due to the complexity of handling different representations of the same duration.

Instead, equality is checked using the static Temporal.Duration.compare() method.

This method returns -1 if the first duration is shorter, 0 if it is the same, and 1 if it is longer.

Examples

// Create two Durations
const d1 = Temporal.Duration.from({ hours:1, minutes:30 });
const d2 = Temporal.Duration.from({ minutes:90 });
// Compare the Durations
let result = Temporal.Duration.compare(d1, d2);

Note that both examples return 0 for equal.

90 minutes is the same duration as 1 hour and 30 minutes.

All temporal objects have their own compare() method :

  • Temporal.Instant.compare( instant1, instant2 )
  • Temporal.PlainDate.compare( plaindate1, plaindate2 )
  • Temporal.PlainTime.compare( plaintime1, plaintime2 )
  • Temporal.PlainYearMonth.compare( plainyearmonth1, plainyearmonth2 )
  • Temporal.PlainMonthDay.compare( plainmonthday1 plainmonthday2 )
  • Temporal.PlainDateTime.compare( plaindatetime1,plaindatetime2 )
  • Temporal.ZonedDateTime.compare( zoneddtatime1, zoneddtatime2 )
  • Temporal.Duration.compare( duration1, duration2 )

Learn More

Temporal Compare

The with() Method

The with() method returns a new duration with specific time units replaced:

Example

// Create a Duration
const duration = Temporal.Duration.from({hours:10, minutes:30});
// Create a new duration with the minutes changed to 45
const newDuration = duration.with({minutes:45});

When to Use Duration

  • Adding or subtracting time
  • Calculating age
  • Calculating differences between dates
  • Calculating time spans (hours, days, months)

Temporal.Duration Methods

ConstructingDescription
from()Returns a new duration object from an object or an ISO string
new()Returns a new duration object from integer parameters
Arithmetic
abs()Returns a new duration with the absolute value of this duration
add()Returns a new duration with a duration added to this duration
negated()Returns a new duration with this duration negated
round()Returns a new duration with this duration rounded
subtract()Returns a new duration with a duration subtracted from this duration
Comparing
compare()Compares two durations (returning -1, 0, or 1)
Converting
with()Returns a new duration with specified field(s) modified
Formatting
total()Returns a number representing the duration in a given unit
toJSON()Returns an RFC 9557 format string for JSON serialization
toLocaleString()Returns a language-sensitive representation of the time
toString()Returns an RFC 9557 format string representation
valueOf()Throws a TypeError (prevents temporals from being converted to primitives)

Temporal.Duration Properties

PropertyDescription
blankBoolean true if the duration represents a zero duration
daysDays as an integer (1-31)
hoursHours as an integer (0-23)
microsecondsMicroseconds as an integer (0-999)
millisecondsMilliseconds as an integer (0-999)
minutesMinutes as an integer (0-59)
monthsMonths as an integer (1-12)
nanosecondsNanoseconds as an integer (0-999)
secondsSeconds as an integer (0-59)
sign1 positive -1 negative
weeksWeeks as an integer
yearsYears as an integer

Display All Duration Properties

//Create a Duration
const duration = new Temporal.Duration(0, 0, 0, 7, 2, 0);
// List the Properties
let text = "blank: " + duration.blank + " " + "sign: " + duration.sign + " " + "years: " + duration.years + " " + "months: " + duration.months + " " + "weeks: " + duration.weeks + " " + "days: " + duration.days + " " + "hour: " + duration.hours  + " " + "minutes: " + duration.minutes  + " " + "seconds: " + duration.seconds  + " " + "milliseconds: " + duration.milliseconds  + " " + "microseconds: " + duration.microseconds  + " " + "nanoseconds: " + duration.nanoseconds;

Previous

JavaScript Object Methods

Next

JavaScript Generators

This chapter

Overview
123

Lessons

539m

Read time

1. JavaScript Objects2. JavaScript Temporal Tutorial3. JavaScript Loops4. JavaScript Advanced Functions5. JavaScript Objects6. JavaScript Temporal Intro7. JavaScript Iterables8. JavaScript Function Definitions9. JavaScript Object Properties10. JavaScript Temporal vs Date11. JavaScript Iterators12. JavaScript Callbacks13. JavaScript Object Methods14. JavaScript Temporal Duration15. JavaScript Generators16. The JavaScript this Keyword17. JavaScript this Keyword18. JavaScript Temporal Instant19. JavaScript Function call()20. JavaScript Display Objects21. JavaScript PlainDateTime22. JavaScript Function apply()23. JavaScript Object Constructors24. JavaScript Temporal PlainDate25. JavaScript Function bind()26. JavaScript PlainYearMonth27. Self-Invoking Functions28. JavaScript PlainMonthDay29. JavaScript Closures30. JavaScript Temporal PlainTime31. JavaScript Objects - Advanced32. JavaScript ZonedDateTime33. JavaScript Object Definitions34. JavaScript Temporal Now35. this in JavaScript Objects36. JS Temporal Arithmetic37. JavaScript Object Iterations38. JS Temporal Differences39. JavaScript Object Accessors40. JS Temporal Compare41. JavaScript Object Management42. JavaScript Temporal Conversion43. JavaScript Object Protection44. Temporal Display Formats45. JavaScript Object Prototypes46. JavaScript Temporal Mistakes47. JavaScript Classes48. Migrate from Date to Temporal49. JavaScript Class Inheritance50. Temporal Standards51. JavaScript Static Methods52. Asynchronous JavaScript53. Asynchronous Programming54. JavaScript Timeouts55. JavaScript Callbacks56. JavaScript Promises57. JavaScript async and await58. JavaScript fetch API59. Debugging Async JavaScript60. JavaScript Modules61. JavaScript Modules Export62. JavaScript Modules Import63. JS Module Namespace64. JavaScript Dynamic Modules65. JavaScript Meta Programming66. JavaScript Reflect67. JavaScript Proxy68. JavaScript Typed Arrays69. Typed Array Methods70. JavaScript ArrayBuffer71. JavaScript DataView72. JavaScript Atomics73. JavaScript HTML DOM Navigation74. JavaScript HTML DOM Elements (Nodes)75. JavaScript HTML DOM Collections76. JavaScript HTML DOM Node Lists77. JavaScript Window - The Browser Object Model78. JavaScript Window Screen79. JavaScript Window Location80. JavaScript Window History81. JavaScript Window Navigator82. JavaScript Popup Boxes83. JavaScript Timing Events84. JavaScript Cookies85. Web APIs - Introduction86. JavaScript Fetch API87. Web Geolocation API88. Web History API89. Pointer Events API90. Web Storage API91. JavaScript Validation API92. Web Workers API93. AJAX Introduction94. AJAX - The XMLHttpRequest Object95. AJAX - XMLHttpRequest96. AJAX - Server Response97. AJAX XML Example98. AJAX PHP Example99. AJAX ASP Example100. AJAX Database Example101. XML Applications102. JavaScript JSON103. JSON Syntax104. JSON vs XML105. JSON Data Types106. JSON.parse()107. JSON.stringify()108. JSON Object Literals109. JSON Array Literals110. JSON PHP111. JSON HTML112. JSONP113. JavaScript / jQuery DOM Selectors114. JavaScript / jQuery HTML Elements115. JavaScript / jQuery CSS Styles116. JavaScript / jQuery HTML DOM117. JavaScript Graphics118. HTML Canvas119. Plotly.js120. Chart.js121. Google Chart122. D3.js123. JavaScript Interview Preparation

On this page

The Temporal.Duration ObjectISO 8601 Duration CodesHow to Create a Temporal.DurationCreate a Duration Using newCreate a Duration Using an ObjectCreate a Duration Using an ISO stringTemporal.Duration PropertiesSafe Date ArithmeticThe Duration add() MethodThe Duration subtract() MethodImmutabilityTemporal add() and subtract()The Compare() MethodThe with() MethodWhen to Use DurationTemporal.Duration MethodsTemporal.Duration Properties