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