timeago.js-时间显示插件

注意事项：

1. 时间格式 = “2018-03-02 17:13:00”时，动态获取的时间无法通过 拼接字符串的方法 添加到 dom元素的 datetime属性上，结果为 <div class="time" datetime="2018-03-02"17:13:00></div>，因为中间有空格。如果使用hogan.js模板引擎{{time}}则不存在此问题。

　 解决办法为：用js动态添加  时间变量  到dom节点的 datetime属性上。

　　　　　　　即：<div class="time" datetime=“”></div>；

　　　　　　　$(‘.time’).attr('datetime',时间变量);

 

timeago.js 是一个非常简洁、轻量级、不到 2kb 的很简洁的 Javascript 库，用来将 datetime 时间转化成类似于*** 时间前的描述字符串，例如：“3小时前”。

• 本地化支持，默认自带中文和英文语言；

• 之前 xxx 时间前、xxx 时间后；

• 支持自动实时更新；

• 支持npm方式和浏览器script方式；

• 测试用例完善，执行良好；

html：

<div class="time" datetime="2018-03-02 17:13:00"></div>

js:

<script src="https://cdn.bootcss.com/timeago.js/3.0.2/timeago.js"></script>
<script>
　　// 不自动更新
　　var timeagoInstance = timeago();// 实例
　　var time = timeagoInstance.format('2018-03-2 17:13:00','zh_CN');
　　console.log(time);

　　// 自动更新
　　var timeagoInstance = timeago();// 实例
　　timeagoInstance.render(document.querySelectorAll('.time'),'zh_CN');

</script>