March 27, 2018

Timeagoはファジータイムスタンプの自動更新をサポートするjQueryプラグイン

プラグインをロード

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

jQuery(document).ready(function() {
  jQuery("time.timeago").timeago();
});

timeのtimeagoクラスとdatetime属性を持つすべての要素を有効にします

<time class="timeago" datetime="2008-07-17T09:24:17Z">July 17, 2008</time>

<time class="timeago" datetime="2008-07-17T09:24:17Z" title="July 17, 2008">10 years ago</time>

abbr要素もサポート

<abbr class="timeago" title="2011-12-17T09:24:17Z">December 17, 2011</abbr>

プログラムで使用することもできます。

jQuery.timeago(new Date());             //=> "less than a minute ago"
jQuery.timeago("2008-07-17");           //=> "10 years ago"
jQuery.timeago(jQuery("time#some_id")); //=> "10 years ago"     // [title="2008-07-20"]

将来タイムスタンプをサポートするには、allowFuture設定を使用してください

jQuery.timeago.settings.allowFuture = true;

jQuery.timeago.settings.strings.inPast = "time has elapsed";
jQuery.timeago.settings.allowPast = false;

MIT