rmm5t/jquery-timeago

jQuery插件,使得自动更新模糊时间戳(例如“4分钟前”或“大约1天前”)变得简单。

支持包维护!
rmm5t
www.paypal.me/rmm5t/5

安装数: 144,398

依赖: 2

建议: 0

安全: 0

星标: 3,817

关注者: 101

分支: 710

开放问题: 44

语言:JavaScript

v1.6.7 2019-04-23 15:55 UTC

This package is not auto-updated.

Last update: 2024-09-14 19:25:59 UTC


README

NPM Bower

Timeago是一个jQuery插件,它使得从HTML中嵌入的ISO 8601格式的日期和时间自动更新模糊时间戳变得简单(例如“4分钟前”或“大约1天前”)。

用法

首先,加载jQuery和插件

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

现在,在DOM就绪时将其附加到时间戳 - 在头部部分放置以下内容

<script type="text/javascript">
   jQuery(document).ready(function() {
     $("time.timeago").timeago();
   });
</script>

这将把所有具有类名timeago和格式化遵循ISO 8601标准的datetime属性的<time>元素转换为类似这样

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

的内容

<time class="timeago" datetime="2011-12-17T09:24:17Z" title="December 17, 2011">about 1 day ago</time>

<abbr>元素(或任何其他HTML元素)也支持(这是为了遗留的微格式支持,并在引入HTML5中的time元素之前由该库支持)

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

随着时间流逝,时间戳将自动更新。

如果您稍后想通过程序更新时间戳,请使用带有新ISO8601时间戳的Date对象的update函数。例如

$("time#some_id").timeago("update", "2013-12-17T09:24:17Z");
// or
$("time#some_id").timeago("update", new Date());

更多用法和示例http://timeago.yarp.com/

不同语言的配置:访问locales目录。

设置

cutoff : 如果时间距离超过cutoff(毫秒),则返回原始日期。

// Display original dates older than 24 hours
jQuery.timeago.settings.cutoff = 1000*60*60*24;

变更

作者

Ryan McGeary (@rmm5t)

许可

MIT许可