本文将为大家介绍前端开发中常用的 npm 包 ember-cli-moment-duration-format 的使用教程。这个包可以方便地对时间进行格式化和计算，为开发者提供了很大的便利。
安装
安装 ember-cli-moment-duration-format 只需要一行命令：
npm install ember-cli-moment-duration-format --save-dev
导入
在需要使用的 .js 文件中，导入 ember-cli-moment-duration-format：
import moment from 'moment'; import 'moment-duration-format';
格式化时间
const duration = moment.duration(123456789, 'seconds');
const formattedTime = duration.format("hh:mm:ss");
console.log(formattedTime); // "34293:46:39"上述代码将 123456789 秒格式化为 hh:mm:ss 格式（小时：分钟：秒钟）的时间格式。
该格式化方式也支持指定精度，如下所示：
-- -------------------- ---- ------- ----- -------- - ----------------- ----- -- ------ -- -------- --- -------- --- ------------- -- --- ----- ------------- - ------------------ ----- - ----- - ----- - ------ - ----- ----- --- --------------------------- -- --- --- -- --- -- --- -- ---
在上述代码中，我们将一个时长格式化为多种时间单位，包括小时，分钟，秒钟和毫秒。
计算时间
我们还可以使用 ember-cli-moment-duration-format 来计算时间。我们需要通过 moment.duration() 方法来构造一个时间段：
const now = moment(); const later = moment().add(10, 'minutes'); const duration = moment.duration(later.diff(now)); console.log(duration.humanize()); // "in 10 minutes"
在上述代码中，我们通过调用 .diff() 方法来计算两个时间点之间的时长，然后使用 .humanize() 方法来将时长转换为可读性更好的形式。
汇总
在本文中，我们介绍了 ember-cli-moment-duration-format 这个 npm 包的使用教程。我们学习了该包的安装和导入，并且演示了如何使用它来格式化和计算时间。
示例代码
<button class="btn" {{action "toggle"}}>{{if timerActive "Stop" "Start"}}</button>
<div class="timer">{{_formatDuration duration}}</div>-- -------------------- ---- -------
------ ---------- ---- --------------------
------ ------ ---- ---------
------ -------------------------
------ ------- -------------------
------------ ------
------ -
--------------------------
-------------------- --------------------
--
-------- -
-------- -
-- ------------------ -
-----------------
- ---- -
------------------
-
-
--
------------ -
----- --------- - ---------
----------------------- ------
------------- - -------------- -- -
----- --- - ---------
----- -------- - -------------------------------------
-------------------- ----------
-- ------
--
----------- -
-----------------------------
----------------------- -------
--
------------------------- -
------ -------------------------
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554da81e8991b448d20e3