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の時間フォーマットを設定します.html 5ラベル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>