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>