简介
npm 是前端项目管理工具，其中包含了大量优秀的前端库和工具。在这些工具中，number-timeago 是一个非常实用的时间格式化库。使用它可以将时间戳转换成类似于"5 minutes ago"这样的人性化时间。本文将介绍number-timeago的使用方法和实例代码。
安装
使用 npm 包管理工具，可以轻松安装 number-timeago
npm install number-timeago
使用
number-timeago 的使用非常简单。拿到一个时间戳后，我们只需要调用一下库提供的方法：
import numberTimeago from 'number-timeago'; console.log(numberTimeago(1610731395161)); //输出：'33 minutes ago'
这里的时间戳是一个数值类型。输出的是一个字符串类型，表示距离当前时间已过了多等时间。
另外，该函数支持一些额外的配置：
numberTimeago(timestamp, options)
其中，options 是一个对象类型的参数，可以进行一些配置。一些常用的配置项如下：
- language：输出语言，默认为
en_US，也可以传入zh_CN等其他语言 - suffixAgo：默认为
ago，可以覆盖该参数 - suffixFromNow：默认为
from now，可以覆盖该参数 - secondsToMinute: 默认为 45, 在 secondsToMinute 时间内的时间戳会格式化在一分钟内
实际应用
在实际应用中，number-timeago 可以作为一个时间格式化的利器。可以使用该函数将一些 Unix 时间戳转化成漂亮的时间表达。
以下是一个在 React 中的使用实例：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------- ---- -----------------
-------- -------------- -
----- ----------- - ------
----- ------- - ------------------------ ---------- ----------
------ ----------------------
-
----- --- ------- --------------- -
-------- -
----- --- - -----------
----- ---------- - ---- - -------- --- - -------- --- - ----------- --- - ---------------
------ -
--
--------------------------- ------ -- -
---- ------------------ -------- ----------------------- ---------
---
---
-
-
-上面的示例中，我们在 App 中使用了一个 TimeAgo 组件，通过传入时间戳，将其格式化为人性化时间。学习了 number-timeago，我们可以使用它轻松地实现这种功能。
注意事项
在使用 number-timeago 时，我们需要注意几个事项：
- 本地化配置
在 number-timeago 库中已经内置了很多语言的本地化配置，可以自动选择当前语言。当然，我们也可以通过配置函数中的language 选项，自己设定要使用哪种语言。
- 建议使用最新版
number-timeago 这个库是一个长久存在的库，而且还在不断更新中，因此我们应该使用最新版本的库。对于旧版本，可能会出现某些 bug，这会影响我们代码的效果和可读性。
结语
number-timeago 提供了一种实用的时间格式化方法。它简单易用，配置灵活，不仅可以减轻我们的开发负担，还能使我们的应用更加人性化。希望大家能够在实际项目中，熟练掌握 number-timeago 的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f923d1de16d83a66b39