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

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

简介

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

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

如何使用它:

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

<time datetime="2021-12-24T12:28:00-07:00" 
      title="12/24/2021">
      2021-12-24
</time>

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

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

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

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

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

switch (s.lang && blog) {
  
  // if "s.lang" is Indonesian
  case 'fr':
    now = '...';
    sec = '...';
    min = '...';
    hour = '...';
    day = ''...';
    week = '...';
    month = '...';
    year = '...';
  break;
  
  // the default "s.lang" is English
  default:
    now = 'just now';
    sec = 'seconds ago';
    min = 'minutes ago';
    hour = 'hours ago';
    day = 'days ago';
    week = 'weeks ago';
    month = 'months ago';
    year = 'years ago';
  
}
$(function(){
  $("[datetime]").timeago({
    lang: 'fr',
  });
});

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

$(function(){
  $("[datetime]").timeago({
    jutstNow: false,
  });
});

预览截图