jQuery

【jQuery】経過時間表示させるTimeago

March 27, 2018
timeago

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

How?

プラグインをロード

<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();
});

timetimeagoクラスと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