前言
在前端开发中,时间戳(epoch)的转换成易理解的时间字符串(timeago)是一项常见的功能。而 npm 仓库中的 epoch-to-timeago 包可以方便地完成这个功能,并且使用方法也非常简单。
简介
epoch-to-timeago 是一个简单的 npm 包,可以将 Unix 时间戳(epoch)转换成易读的、相对于当前时间的时间字符串(timeago)。默认支持的语言有英语、法语和西班牙语。
安装
npm install epoch-to-timeago
使用方法
基本用法
使用 epoch-to-timeago 最简单的方法就是给它一个 epoch 时间戳,然后它会返回一个对应的 timeago 字符串。
const epochToTimeago = require('epoch-to-timeago'); // 获取当前时间戳 const timestamp = Math.floor(Date.now() / 1000); console.log(epochToTimeago(timestamp)); // 输出 'a few seconds ago'
可配置项
epoch-to-timeago 支持一些可配置的选项。
locale
选项 locale 告诉 epoch-to-timeago 应该以哪种语言显示时间字符串。默认情况下是英语(en)。
console.log(epochToTimeago(timestamp, {locale: 'en'})); // 'a few seconds ago' console.log(epochToTimeago(timestamp, {locale: 'fr'})); // 'il y a quelques secondes' console.log(epochToTimeago(timestamp, {locale: 'es'})); // 'hace unos segundos'
suffix
选项 suffix 允许你设置 timeago 字符串的后缀。默认情况下是“ago”。
console.log(epochToTimeago(timestamp, {suffix: '前'})); // '几秒前'
refreshMillis
选项 refreshMillis 允许你设置每隔多长时间(epoch)刷新一次 timeago 字符串。
console.log(epochToTimeago(timestamp, {refreshMillis: 2000})); // 'a few seconds ago'
函数示例
下面是在一个 React 组件中使用 epoch-to-timeago 的一个范例代码。这个组件可以根据一个 props 传入的时间戳计算出对应的时间字符串,并定时刷新。
-- -------------------- ---- ------- ------ ------ ---------- ---------- ---- -------- ------ -------------- ---- ------------------- ----- ------- - ------------- -- - ----- --------- ----------- - ------------------------------------ ------------ -- - ----- -------- - -------------- -- - -------------------------------------- -- ------ ------ -- -- ------------------------ -- ------------- ------ ----------------------- -
结语
epoch-to-timeago 是一个非常方便的 npm 包,可以轻松地将 epoch 时间戳转换成易读的时间字符串。本文通过示例代码展示了它的基本用法以及一些进阶的用法。使用 epoch-to-timeago 可以轻松实现很多时间操作的特别服务,提高工作效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecfca