Intl.DurationFormatで時分秒の多言語対応をする
Chrome 129 BetaでIntl.DurationFormatがサポートされた。現時点ではSafari 16.4のみサポート済み。
Intl.DurationFormatは国際化APIの一部で、時分秒の多言語対応とフォーマットができるようになる。
const duration = {
years: 1,
months: 2,
weeks: 3,
days: 4,
hours: 5,
minutes: 6,
seconds: 7,
milliseconds: 8,
microseconds: 9,
nanoseconds: 9,
};
new Intl.DurationFormat('ja-JP', {style: 'long'}).format(duration)
// 1 年 2 か月 3 週間 4 日 5 時間 6 分 7 秒 8 ミリ秒 9 マイクロ秒 9 ナノ秒
new Intl.DurationFormat('en-US', {style: 'long'}).format(duration)
// 1 year, 2 months, 3 weeks, 4 days, 5 hours, 6 minutes, 7 seconds, 8 milliseconds, 9 microseconds, 9 nanoseconds
new Intl.DurationFormat('en-US', {style: 'short'}).format(duration)
// 1 yr, 2 mths, 3 wks, 4 days, 5 hr, 6 min, 7 sec, 8 ms, 9 μs, 9 ns
new Intl.DurationFormat('en-US', {style: 'narrow'}).format(duration)
// 1y 2m 3w 4d 5h 6m 7s 8ms 9μs 9ns