jquery-timeago 自动更新时间戳 jQuery 插件 - 文章教程

jquery-timeago 自动更新时间戳 jQuery 插件

发布于 2020-04-25 字数 2966 浏览 1278 评论 0

Timeago 是一个 jQuery 插件,它可以方便地支持从嵌入在HTML中的 ISO 8601 格式化日期和时间自动更新模糊时间戳,例如显示为 4分钟前 或 大约1天前。

jquery-timeago 自动更新时间戳 jQuery 插件

使用

首先,加载jQuery和插件:

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

现在,让我们将它附加到 DOM上 的时间戳上,将其放在 Head 部分:

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

这会改变一切 <time> 类的元素。timeago 和一个 datetime 属性的格式。ISO 8601 标准:

<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元素也被支持,这是用于 遗留微格式支持 类之前由库支持。time 元素引入HTML 5:

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

随着时间的推移,时间戳将自动更新。

如果以后要以编程方式更新时间戳,请调用update函数具有新的iso 8601时间戳Date对象。例如:

$("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;

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

猫性小仙女

文章 1 评论 0

qq_VO6LhT

文章 0 评论 0

猿舌电影

文章 0 评论 0

7556275422

文章 0 评论 0

YYQ_139

文章 0 评论 0