显示相对时间的JQuery插件 - Smart Time Ago

显示相对时间的JQuery插件 - Smart Time Ago

by @Easy

之前用到AngularJS的时候，用Moment做的相对时间显示。但是Moment那货的官网文档实在太烂了，完全不知道在说啥，而且不需要的功能太多。

于是我想看看有没有功能单一点的JQuery插件，还真找到了一个 —— Smart Time Ago。

仔细一看还是国内的风车团队开发的，于是不担心中文支持了。

下边说使用：

Smart Time Ago 虽然有Bower文件，但其官方文档并没有说明，只写了npm的安装方式。所以我是直接下载Zip包使用的。

解压后，载入两个文件：

<script type="text/javascript" src="static/script/timeago.js" ></script>
<script type="text/javascript" src="static/script/locales/timeago.zh-cn.js" ></script>

然后在需要使用相对时间的地方写上time标签

<time class="timeago" datetime="<?=$item['timeline']?>"></time>

最后在页面载入完成后统一触发下就好了。

<script>
	$(".timeago").timeago();
</script>

效果截图：

用JS来现实相对时间的好处是，当用户在看页面时，显示的时间会随着时间的流逝而改变。

本文由  Easy 发表于 GET

GET社区由国内首家互联网人才拍卖网站 JobDeer.com 提供服务器资源