timeago.js中怎么將時間戳轉換為時間軸

這篇文章給大家介紹timeago.js中怎么將時間戳轉換為時間軸，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

首先需要載入jQuery庫和timeago.js

<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.timeago.js"></script>

接著我們在頁面中加入以下代碼：

<abbr class="timeago" title="2012-11-28T11:17:00Z"></abbr>

我們給abbr元素設置class為timeago，設置title為標準的ISO 8601時間格式，你也可以使用html5標簽time：

<time class="timeago" datetime="2012-12-10T02:20:50Z"></time>

jQuery

使用jQuery調用timeago()，運行頁面即可看到效果。

$(function(){ $(".timeago").timeago(); });

以下方法也可以調用timeago()：

$(function(){ jQuery.timeago(new Date());             //=> "約1分鐘前" jQuery.timeago("2012-12-09");           //=> "1天前" jQuery.timeago(jQuery("abbr#some_id")); //=> "1年前"     // [title="2011-11-20"] });

timeago.js還支持處理將來的時間，如“3天后”，只需將以下參數設置為true。

jQuery.timeago.settings.allowFuture = true;

補充說明

timeago.js在標準的UTC時間模式下運行，對于我們處在東八區(+08:00)，可以在加載時間時減去8小時，或者在時間格式中使用+08:00來顯示準確的北京時間。

舉個栗子，假設要處理的是北京時間2012-12-10 18:02:45，那么可以通過以下方式來獲取準確的北京時間。

<!--先減去8小時--> <abbr class="timeago" title="2012-12-10T10:02:45Z"></abbr> <!--在時間后+08:00--> <abbr class="timeago" title="2012-12-10T18:02:45Z+08:00"></abbr>

關于timeago.js中怎么將時間戳轉換為時間軸就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。