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

Question

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上 的时间戳上，将其放在 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;

相关链接

• Github 地址：https://github.com/rmm5t/jquery-timeago
• 官网：http://timeago.yarp.com/
• 本地下载：https://www.wenjiangs.com/wp-content/uploads/2020/04/jquery-timeago-master.zip