npm 包 timeago.js 使用教程-JavaScript中文网-JavaScript教程资源分享门户

本文将介绍如何使用 npm 包 timeago.js 来将时间戳转换为易于理解的相对时间。在前端开发中，我们经常需要在页面中展示时间，但是直接展示时间戳可能不够友好，timeago.js 提供了一种简单的方式来转换时间戳为易于理解的相对时间。

安装

安装 timeago.js 可以使用 npm 包管理器，打开终端并执行以下命令：

npm install timeago.js

使用

引入

在需要使用 timeago.js 的文件中引入库：

import Timeago from 'timeago.js';
const timeago = new Timeago();

转换时间戳

使用 format 方法来将时间戳转换为相对时间：

const timeStamp = 1622005303000;
const relativeTime = timeago.format(timeStamp, 'zh_CN');
console.log(relativeTime); // 输出：'3 天前'

国际化

timeago.js 支持多种语言，可以通过第二个参数传递对应的语言代码来设置输出的语言，例如 'en' 表示英文。

const timeStamp = 1622005303000;
const relativeTime = timeago.format(timeStamp, 'en');
console.log(relativeTime); // Output: '3 days ago'

默认情况下，timeago.js 会检测浏览器的语言设置并自动切换到对应的语言，如果需要手动设置语言可以使用 register 方法。

import zhCN from 'timeago.js/lib/lang/zh_CN';
Timeago.register('zh-CN', zhCN);

// 使用
const timeStamp = 1622005303000;
const relativeTime = timeago.format(timeStamp, 'zh-CN');
console.log(relativeTime); // 输出：'3 天前'

自定义时间格式

默认情况下，timeago.js 会将时间戳转换为相对时间，例如 '3 天前' 或 '2 小时前'。如果需要自定义时间格式，可以在 register 方法中传入第二个参数来配置。

-- -------------------- ---- -------
------ -- ---- -------------------------
----- --------------- - -------- ----- ------- -- -
  -- ----- --- --------- -
    ------ ---------- --- -----------
  -
  -- ----- --- --------- -
    ------ ---------- --- -----------
  -
  -- ----- --- ------- -
    ------ ---------- ---- -----------
  -
  -- ----- --- ------ -
    ------ ---------- --- -----------
  -
--

---------------------- --- -----------------

-- --
----- --------- - --------------
----- ------------ - ------------------------- ------
-------------------------- -- ------- -- --- ----

结论

timeago.js 是一个非常实用的 npm 包，可以将时间戳转换为易于理解的相对时间。在开发中，我们经常需要将时间戳转换为相对时间，并且需要支持多种语言，timeago.js 可以非常方便地实现这些需求。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/33846