jQuery 最短时间Ago插件 时间Ago.js

  • 源码大小:40.34KB
  • 所需积分:1积分
  • 源码编号:19JP-3371
  • 浏览次数:702次
  • 最后更新:2023年06月06日
  • 所属栏目:时间和时钟
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

还有另一个jQuery很久以前的插件,用于以可读的格式自动创建时间戳

该插件会自动将ISO 8601日期和时间相关数据替换为“4天前”或“2分钟前”等可读格式。它力求简洁轻便,压缩后的重量约为1KB。

如何使用它:

1.将ISO 8601格式的时间戳添加到日期时间属性如下:

  1. <time datetime="2021-12-24T12:28:00-07:00"
  2. title="12/24/2021">
  3. 2021-12-24
  4. </time>

2.在文档中加载jQuery time ago插件。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="/path/to/dist/time-ago.js"></script>

3.初始化上的插件时间要素就是这样。

  1. $(function(){
  2. $("[datetime]").timeago();
  3. });

4.按如下方式本地化插件。

  1. switch (s.lang && blog) {
  2. // if "s.lang" is Indonesian
  3. case 'fr':
  4. now = '...';
  5. sec = '...';
  6. min = '...';
  7. hour = '...';
  8. day = ''...';
  9. week = '...';
  10. month = '...';
  11. year = '...';
  12. break;
  13. // the default "s.lang" is English
  14. default:
  15. now = 'just now';
  16. sec = 'seconds ago';
  17. min = 'minutes ago';
  18. hour = 'hours ago';
  19. day = 'days ago';
  20. week = 'weeks ago';
  21. month = 'months ago';
  22. year = 'years ago';
  23. }
  1. $(function(){
  2. $("[datetime]").timeago({
  3. lang: 'fr',
  4. });
  5. });

5.确定是否启用“xx秒前”。默认值:true(禁用)。

  1. $(function(){
  2. $("[datetime]").timeago({
  3. jutstNow: false,
  4. });
  5. });

预览截图