HTML-tools

Gratis Intl.DurationFormat Generator

Genereer Intl.DurationFormat code voor gelokaliseerde tijdsduur formattering met long/short/narrow/digital stijlen.

Tool laden...

Wat is Intl.DurationFormat Generator?

Intl.DurationFormat is een ingebouwde browser-API die tijdsduren formatteert volgens locale-conventies. Het produceert mensleesbare strings in vier stijlen: long, short, narrow en digital. Beschikbaar in Chrome 104+ en onderdeel van Baseline 2025.

Snel antwoord

Genereer code met Intl.DurationFormat voor locale-bewuste duurweergave. Keuze uit long, short, narrow en digital. Vervangt moment-duration-format met de native API.

Last updated: 2026-06-02

Beperkingen

  • Niet beschikbaar in Safari vanaf mid-2026. Gebruik een polyfill of handmatige formatter.
  • De API aggregeert geen eenheden automatisch — normaliseer uw duur voor formattering.
  • Locale-specifieke regels kunnen de lay-outbreedte beïnvloeden. Test over uw doellocales.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

Zo gebruik je deze tool

  1. Maak een duurobject: { hours: 1, minutes: 30, seconds: 0 }.
  2. Construeer een Intl.DurationFormat met uw locale en stijlconfiguratie.
  3. Roep format(duration) aan voor de gelokaliseerde string.
  4. Experimenteer met verschillende locales en stijlen in de tool.

Waarvoor je het kunt gebruiken

  • Geef videolengte of podcastduur weer in een gelokaliseerde mediaplayer.
  • Toon geschatte leestijd in de voorkeurstaal van de gebruiker.
  • Formatteer server-side duren voor internationale admin-dashboards.

Gebruik

Praktische voorbeelden

Voorbeeld

Gelokaliseerde videoduurweergave

Engelstalige kijkers zien '1 hour, 30 minutes', Duitse kijkers '1 Std 30 Min.', Japanse kijkers '1tijd30min'. Intl.DurationFormat met de gebruikerslocale handelt dit automatisch af.

Voorbeeld

Digitale countdown-weergave

Een countdown-timer toont '2:15:30' met style 'digital' voor een consistente HH:MM:SS-weergave in alle locales.

Veelgemaakte fouten

  • Een Date-object doorgeven in plaats van een duurobject met numerieke velden.
  • Aannemen dat alle locales dezelfde woordvolgorde gebruiken — Japans wijkt af van Engels.
  • Style 'digital' gebruiken bij alleen-uren-duren — dit kan voorloopnullen tonen.

Verificatie

  1. Maak een Intl.DurationFormat('en', { style: 'long' }) en formatteer een duur. Controleer de uitvoer.
  2. Formatteer dezelfde duur met locale 'de' en bevestig Duitse afkortingen.

FAQ

Vragen over Intl.DurationFormat Generator

Welke duurvelden accepteert Intl.DurationFormat?

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

Hoe verschilt digital van long, short of narrow?

Digital geeft een numerieke weergave zoals '1:30:00'. Long gebruikt volledige woorden, short afkortingen en narrow minimale notatie.

Ondersteunt Intl.DurationFormat fractionele duren?

Ja, maar het formatteringsgedrag varieert per locale. Rond af op hele eenheden voor consistente resultaten.

Gerelateerde tools

Meer html-tools

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool

Probeer ook

Probeer ook