时间是程序开发领域中很普遍的一个概念，例如发布时间、更新时间和过期时间等等。Timeago 是一个适用于前端编程的 JavaScript 库，它可以将时间戳转换成类似于“2分钟前”、“3天前”等的人性化时间格式。它非常易于集成到你的项目中，并且支持多种语言。
安装
安装 Timeago 最简单的方法是通过 NPM 包管理器。在你的项目目录下使用如下命令进行安装：
npm install timeago.js --save
使用
- 导入
在使用 Timeago 之前，需要将其导入到你的项目中。最常规的方法是在 HTML 文件的 head 处引用 JavaScript 文件（手动下载并添加）：
<head> <script src="path/to/timeago.min.js"></script> </head>
或者，通过 NPM 安装后，在你的 JavaScript 文件中导入它：
import timeago from 'timeago.js';
- 配置
可以通过 JavaScript 方法来配置 Timeago 的参数和选项。例如，指定语言和时间格式：
-- -------------------- ---- -------
------------------------- -
-- -------
------- ---
------- ----
--------- ---------------- ------ -
------ ------- -
---- --
------ ------ -------
---- --
------ -------- --------
---- --
------ --------- ---------
---- --
------ -------- --------
---- --
------ --------- ---------
---- --
------ ------- -------
---- --
------ -------- --------
---- --
------ ------- -------
---- --
------ -------- --------
---- --
------ ------- -------
---- ---
------ -------- --------
---- ---
------ ------- -------
---- ---
------ -------- --------
-
-
---- 使用
接下来，你需要实例化 Timeago，然后将时间戳应用于它。对于单个时间戳，请使用以下代码：
const timeagoInstance = new timeago(); const timestamp = '2021-06-30T22:00:00Z'; const humanizedTime = timeagoInstance.format(timestamp, 'zh-CN'); console.log(humanizedTime); // 输出：8小时前
请注意，Timeago 的第二个参数是转换的目标语言。在上面的示例代码中，我们将它设置为中文。在多语言环境下，可以使用语言代码来设置这个选项。
对于 JavaScript 原生 Date 对象，请先将它转换成时间戳格式再使用 Timeago 进行处理：
const timeagoInstance = new timeago(); const date = new Date(Date.now() - 300000); const timestamp = date.toISOString(); // 2021-06-30T22:00:00.000Z const humanizedTime = timeagoInstance.format(timestamp, 'zh-CN'); console.log(humanizedTime); // 输出：5分钟前
指南
使用 Timeago 可以很容易地将时间戳转换成人性化的字符串格式。但是，我们也应该注意到它的一些局限性和注意事项：
- 时间格式有限
Timeago 只支持相对较小的时间跨度，例如“3天前”或“2周前”。如果你想要处理更大的时间间隔，它可能无法正常工作，需要使用其他更专业的库。另外，Timeago 的时间格式也不可配置，但是你可以通过修改源代码实现一些个性化的格式。
- 时间准确性
由于 Timeago 是根据当前时间计算的，所以在客户端和服务器之间存在时间不同步的情况下，可能会导致计算不准确的情况。为了解决这个问题，建议在服务器端生成并返回人性化时间，而不是在客户端进行计算。
- 多语言支持
Timeago 支持多种语言，但是你需要手动导入所需的语言包。建议在项目启动时导入你需要的语言，并将其注册到 Timeago 实例中。对于国际化项目，建议使用单独的语言组件库来管理翻译和词汇表。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------- ------------
------- -------------------------------------------------------
-------
------
------------------------ ----- ------------------------
--------
----- --------------- - --- ----------
----- --------- - -----------------------
----- ------------- - --------------------------------- ---------
-------------------------------------------- - --------------
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/146058