介绍
timeago.js-vi 是一个为 web 页面提供自动更新时间的 npm 包。它可以将一个日期时间转换成类似 “2 小时前” 或者 “1 天前” 这样的时间格式，让用户更容易地理解时间的概念。timeago.js-vi 可以自动更新转换后的时间，这样用户就可以随时看到最新的时间。
安装
在安装 timeago.js-vi 之前，您需要先安装 npm。如果您尚未安装，您可以通过以下步骤在命令行中进行安装：
$ sudo apt-get update $ sudo apt-get install npm
一旦您安装了 npm，您可以通过以下命令安装 timeago.js-vi ：
$ npm install timeago.js-vi
使用
timeago.js-vi 可以在下列环境中使用：
- 浏览器
- 服务器（node.js）
浏览器
在 HTML 页面中，您需要使用 JavaScript 脚本将传入的日期时间转换为类似 “2 小时前” 或者 “1 天前” 这样的时间格式。首先，您需要在页面中添加以下脚本：
<script src="path/to/timeago.min.js"></script>
接下来，您可以使用以下代码将日期时间转换为指定格式：
var create_time = '2022-01-01 12:00:00'; var timeagoInstance = timeago(); var result = timeagoInstance.format(create_time, 'vi');
这里的 create_time 是一个字符串型的时间，而 vi 是指越南语。您还可以通过 format() 函数传入其他语言的格式，例如英语 en、简体中文 zh_CN 等。
如果您需要自动更新时间，您可以使用以下代码：
timeagoInstance.render(document.querySelectorAll('.need_to_update'), 'vi');此代码将遍历所有 class 为 need_to_update 的元素，并更新其中的时间。
服务器（node.js）
在 node.js 中，您需要使用以下代码将 date 转换为指定语言的时间格式：
const timeago = require('timeago.js-vi');
const create_time = '2022-01-01 12:00:00';
const timeagoInstance = timeago();
const result = timeagoInstance.format(create_time, 'vi');这里的 create_time 与浏览器环境中的相同。
您也可以使用以下代码将指定的日期时间更新成指定格式，并输出到网页中：
-- -------------------- ---- ------- ----- ------- - ------------------------- ----- ---- - ---------------- -------------------------- ----- ---- - ----- ----------- - ----------- ---------- ----- --------------- - ---------- ------------------ ---------------- -------------- ---------------------------------- --- ------------------------------- --------------- - ----------------------------------- ----- - -------- ---------------------------- ---------- ----------------
此代码将在本地服务器上创建一个新的 HTTP 服务，并在浏览器中显示日期时间更新后的结果。
示例代码
以下是一个完整的示例，用于将指定的日期时间更新成指定语言的时间格式，并且定时更新网页上的时间。
HTML 文件：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------- --- ---------------
------- ------------------------------
--------
--- --------------- - ----------
-------- --------------- -
----- ----------- - ----------- ----------
-------------------------------------------- - ----------------------------------- ------
-
----------------
-------------------------- -------
---------
-------
------
----------- ----- ------------------------
-------
-------JavaScript 文件（timeago.js 文件需要提前从 npm 中下载）：
-- -------------------- ---- -------
----- ------- - -------------------------
----- ---- - ----------------
----- -- - --------------
----- ---- - ----------------
-------------------------- ----- ---- -
----- ----------- - ----------- ----------
----- --------------- - ----------
-------------------------------- ---------------- ------- -------- ----- ----- -
-- ----- -
------------------ ---------------- ---------------
-------------- --- ----------
----------
- ---- -
------------------ ---------------- --------------
-------------------------- ------------------------ ----- ---------------------------------------------------
----------
-
---
----------------这个示例将在本地服务器上创建一个新的 HTTP 服务，并每 10 秒更新页面中的时间。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005594a81e8991b448d6b29