設定  Intl.DurationFormat 的顯示格式

前言

  在先前的 初探 Intl.DurationFormat 裡介紹了基本的使用，這次要來調整顯示格式，在此把學習的過程做個紀錄。

內容

  範例如下

let duration = {
  hours : 8,
  minutes: 30,
  seconds: 40,
};
//
console.log( new Intl.DurationFormat( "en-US" ,{ style:'long' }).format(duration) );//8 hours, 30 minutes, 40 seconds
console.log( new Intl.DurationFormat( "en-US" ,{ style:'short' }).format(duration) );//8 hr, 30 min, 40 sec
console.log( new Intl.DurationFormat( "en-US" ,{ style:'narrow' }).format(duration) );//8h 30m 40s
console.log( new Intl.DurationFormat( "en-US" ,{ style:'digital' }).format(duration) );//8:30:40

在 new Intl.DurationFormat() 時加入 style 的參數就可以調整顯示格式，提供四種，分別是 long 、short 、narrow 與 digital ，short 為預設，範例分別個示範一次。

參考資料

[ developer.mozilla.org ] Intl.DurationFormat

相關文章與資料

初探 Intl.DurationFormat