timeago 是一个 JavaScript 库,用于在网页上显示相对时间。它可以将时间戳转换为易于理解的格式,例如"2 小时前"、"昨天"、"一周前"等。
要使用 timeago 获取正确的时间戳,可以按照以下步骤进行:
<script>
标签引入 timeago.js 或 timeago.min.js 文件。你可以从官方网站(https://timeago.org/)下载并引入。document.addEventListener("DOMContentLoaded", function() {
var elements = document.getElementsByClassName("timeago");
timeago().render(elements);
});
在上面的代码中,timeago()
函数返回一个 timeago 实例,然后使用 render()
方法将包含时间戳的元素转换为相对时间。
timeago
类。例如:<p class="timeago">1546300800</p>
在上面的示例中,1546300800
是一个 Unix 时间戳。
timeago 库还提供了一些可自定义的选项,用于调整显示的格式和语言。你可以在初始化时传递这些选项。例如:
timeago().render(elements, 'zh_CN', { localeTitle: true });
上面的代码将时间以中文显示,并将相对时间作为 title
属性添加到元素中,方便鼠标悬停查看。
总结:使用 timeago 获取正确的时间戳,需要引入 timeago 库,设置时间戳,配置和初始化 timeago,并将包含时间戳的元素标记为 timeago
类。使用 timeago,可以方便地将时间戳转换为易于理解的相对时间格式。
领取专属 10元无门槛券
手把手带您无忧上云