jquery-timeago 方便实用的时间戳自动更新库

作者: zms! 日期: 2017.05.30 本文发布于1034天前 分类: jquery 相关:jquery timeago github

文章更新信息,会显示几秒钟之前、几分钟之前、几小时之前等。这不仅可以显示信息的及时性,对于用户体验也是极好的。

对于更新及时的信息列表,显示什么时候发出的,尤为重要。比如:文章更新信息,会显示几秒钟之前、几分钟之前、几小时之前等。这不仅可以显示信息的及时性,对于用户体验也是极好的。就如下图所示:

一个常用的时间戳自动更新库:jquery-timeago

消息提示时间戳

对于显示这样的列表,时间戳,随着时间的推移(页面不刷新),也需要自动更新。对于这个需求,我们肯定是要在本地浏览器来处理的,非即时消息不需要服务器中转的。

对于这样的小需求,你可以js来实现,不是太麻烦。不过,这么,推荐一个成熟的时间戳自动更新插件:jquery-timeago

那么什么是jquery-timeago.js呢?

它是一款jQuery插件,可以轻松支持自动更新模糊时间戳(例如:1分钟前 或者 约1天前)。

不管当前页面停留多长时间,它都会自动更新,以显示时效性,它利用浏览器页面缓存来计算时间。

你可以使用HTML5的标准标签(比如:time)。

那么怎么使用它呢?

首先,你需要到github上搜索:jquery-timeago,然后引入到页面中。

一个常用的时间戳自动更新库:jquery-timeago

使用jquery-timeago的步骤

通过上边的介绍,你就可以轻松的使用自动更新模糊时间戳了。

功能虽然小,但是也算一个产品体验的改进,如果你项目中有需要,不妨试一下。

至此,就简单介绍完了,这个轻巧的小功能插件了。


返回上一页


讨论区

您尚未 登录,或请 注册

登 录 注 册


你可能也喜欢

touch事件之滑动判断(左右上下方向) 2020.03.11,1 pv
依赖jquery和jquery.cookie的弹窗广告代码 2019.05.07,21 pv
jQuery的选择器中的通配符及jquery选择器总结, 2018.04.29,5 pv

jquery-timeago 方便实用的时间戳自动更新库 2017.05.30,2 pv