JavaScript Temporal Duration with()
Example
const d1 = Temporal.Duration.from({ hours:2, minutes:30 });
const d2 = d1.with({ hours:1 });
Try it Yourself »
Description
The with() method returns a new Temporal.Duration object with
specified properties modified.
The with() method does not change the original duration.
Syntax
duration.with(info)
Parameters
| Parameter | Description |
| info | An object containing duration properties. |
Return Value
| Type | Description |
| Object | A new Temporal.Duration with properties modified. |
Browser Support
Temporal is a major update to the JavaScript standard (TC39).
It is currently supported in Chrome, Edge, Firefox, and Opera Safari has not shipped it yet.
| Chrome 144 |
Edge 144 |
Firefox 139 |
Safari |
Opera 128 |
| Jan 2026 | Jan 2026 | May 2025 | 🚫 | Feb 2026 |
The Safari implementation can be tested in Safari Technology Preview by enabling the --use-temporal runtime flag.
Polyfill
Until Safari supports Temporal natively, you can use the official polyfill:
<script
src="https://cdn.jsdelivr.net/npm/@js-temporal/polyfill@0.5.1/dist/index.umd.js">
</script>
