jquery-timeago 方便实用的时间戳自动更新库
作者: zms!
日期: 2017.05.30 本文发布于1034天前
分类: jquery
相关:jquery timeago github
文章更新信息,会显示几秒钟之前、几分钟之前、几小时之前等。这不仅可以显示信息的及时性,对于用户体验也是极好的。
对于更新及时的信息列表,显示什么时候发出的,尤为重要。比如:文章更新信息,会显示几秒钟之前、几分钟之前、几小时之前等。这不仅可以显示信息的及时性,对于用户体验也是极好的。就如下图所示:
对于显示这样的列表,时间戳,随着时间的推移(页面不刷新),也需要自动更新。对于这个需求,我们肯定是要在本地浏览器来处理的,非即时消息不需要服务器中转的。
对于这样的小需求,你可以js来实现,不是太麻烦。不过,这么,推荐一个成熟的时间戳自动更新插件:jquery-timeago。
那么什么是jquery-timeago.js呢?
它是一款jQuery插件,可以轻松支持自动更新模糊时间戳(例如:1分钟前 或者 约1天前)。
不管当前页面停留多长时间,它都会自动更新,以显示时效性,它利用浏览器页面缓存来计算时间。
你可以使用HTML5的标准标签(比如:time)。
那么怎么使用它呢?
首先,你需要到github上搜索: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