jQuery
【jQuery】経過時間表示させるTimeago
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