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

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;

相关链接

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

以上是 jquery-timeago 自动更新时间戳 jQuery 插件 的全部内容, 来源链接: utcz.com/p/232518.html

回到顶部