简介
jquery-timeago 是一个 JavaScript 库，用于将时间转换为类似 "5 分钟前" 或 "刚刚" 的格式。它可以方便地在网页中显示相对时间，并且非常适合用于社交媒体网站或论坛等需要展示时间的场景。本篇文章将详细介绍如何使用 jquery-timeago。
安装
首先，我们需要安装 jquery-timeago。可以通过 npm 进行安装：
--- ------- -------------- ------
当然，你也可以手动下载并引入 jquery-timeago 的脚本文件。
接下来，在你的 HTML 文件中引入以下两个文件：
------- ----------------------------------------------------------- ------- ---------------------------------------------------------------
其中，第一个文件是 jQuery 库，因为 jquery-timeago 依赖于 jQuery。如果你已经在项目中使用了 jQuery，那么可以省略这一步。
基本用法
使用 jquery-timeago 很简单。只需在需要显示时间的元素上加上 class="timeago"，并设置 title 属性为时间戳即可。例如：
-- --------------- --------------------------------- - - - - -----
然后，在你的 JavaScript 文件中添加以下代码：
---------------------------- - ------------------------- ---
这样，所有带有 class="timeago" 的元素都会被自动转换为相对时间。
高级用法
jquery-timeago 还提供了一些高级用法，可以自定义格式和语言等设置。下面介绍一些常用的选项：
自定义格式
你可以自定义时间格式。例如，将 "5 分钟前" 转换为 "5 分钟之前"，可以添加以下代码：
---------------------------------- - --- ------
同样地，你也可以修改其他时间单位的格式，例如秒、小时、天等。具体请查看官方文档。
自定义语言
jquery-timeago 支持多种语言。默认情况下是英文，如果需要使用其他语言，可以添加以下代码：
----------------------- - --------
其中，"zh_CN" 表示中文。目前 jquery-timeago 支持的语言包括英文、中文、法语、德语、意大利语、日语、俄语、西班牙语、瑞典语等。如果需要使用其他语言，可以到官方仓库下载对应的语言包。
自定义刷新频率
jquery-timeago 默认每分钟刷新一次相对时间。如果需要修改刷新频率，可以添加以下代码：
-------------------------------- - ------ -- - --
注意，修改刷新频率可能会影响性能。
结语
本篇文章介绍了如何使用 jquery-timeago。除了基本用法外，还介绍了一些高级用法，包括自定义格式、语言和刷新频率等设置。希望本篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/33672