rmm5t / jquery-timeago
jQuery插件,使得自动更新模糊时间戳(例如“4分钟前”或“大约1天前”)变得简单。
v1.6.7
2019-04-23 15:55 UTC
Requires
- components/jquery: >=1.5.0 <4.0
README
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;