其他代码

具体时间转换为模糊相对时间jQuery工具

阿里云

jquery.liveTimeAgo.js 是一款可以将具体的日期时间转换为模糊相对时间的 jQuery 插件。例如可以将昨天的某个具体时间转换为“1 天以前”,可用于显示文章发布时间等场合。

使用方法:

使用该插件需要在页面中引入 jquery 和 jquery.liveTimeAgo.min.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script type="text/javascript" src="/path/to/jquery.min.js"></script>
  2. <script type="text/javascript" src="/path/to/jquery.liveTimeAgo.min.js"></script>

HTML 结构:

你可以使用以下任意一种 HTML 结构来存放你需要显示的日期时间。它支持的时间格式有:Datetime,Date 和 Timestamp。

  1. <div class="liveTime">2016-06-20 14:44:00</div>
  2. <div class="liveTime" data-lta-value="2015-06-20 14:44:00"></div>
  3. <div class="liveTime" data-lta-type="timestamp" data-lta-value="1466431440"></div>

初始化插件:

在页面 DOM 元素加载完毕之后,可以通过 liveTimeAgo()方法来初始化该插件。

  1. $('.liveTime').liveTimeAgo();

上面的日期会被转换为类似:

  1. 2 天前
  2. 1 年前
  3. 1 天前

配置参数:

jquery.liveTimeAgo.js 插件的默认配置参数如下:

  1. var default_options = {
  2.     translate: {
  3.         'year': '% year ago',
  4.         'years': '% years ago',
  5.         'month':'% month ago',
  6.         'months':'% months ago',
  7.         'day': '% day ago',
  8.         'days': '% days ago',
  9.         'hour': '% hour ago',
  10.         'hours': '% hours ago',
  11.         'minute': '% minute ago',
  12.         'minutes': '% minutes ago',
  13.         'seconds': 'few seconds ago',
  14.         'error': 'unknow time',
  15.     }
  16. };
  17. $('.liveTime').liveTimeAgo(default_options);

jquery.liveTimeAgo.js 插件的 github 地址为:https://github.com/ticlekiwi/jquery.liveTimeAgo.js

具体时间转换为模糊相对时间 jQuery 工具

已有 425 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!