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>