jquery-timeago 自动更新时间戳 jQuery 插件
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 hoursjQuery.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