jquery.liveTimeAgo.js 是一款可以将具体的日期时间转换为模糊相对时间的 jQuery 插件。例如可以将昨天的某个具体时间转换为“1 天以前”,可用于显示文章发布时间等场合。
使用该插件需要在页面中引入 jquery 和 jquery.liveTimeAgo.min.js 文件。
<script type="text/javascript" src="/path/to/jquery.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.liveTimeAgo.min.js"></script>
你可以使用以下任意一种 HTML 结构来存放你需要显示的日期时间。它支持的时间格式有:Datetime,Date 和 Timestamp。
<div class="liveTime">2016-06-20 14:44:00</div>
<div class="liveTime" data-lta-value="2015-06-20 14:44:00"></div>
<div class="liveTime" data-lta-type="timestamp" data-lta-value="1466431440"></div>
在页面 DOM 元素加载完毕之后,可以通过 liveTimeAgo()方法来初始化该插件。
$('.liveTime').liveTimeAgo();
上面的日期会被转换为类似:
2 天前
1 年前
1 天前
jquery.liveTimeAgo.js 插件的默认配置参数如下:
var default_options = {
translate: {
'year': '% year ago',
'years': '% years ago',
'month':'% month ago',
'months':'% months ago',
'day': '% day ago',
'days': '% days ago',
'hour': '% hour ago',
'hours': '% hours ago',
'minute': '% minute ago',
'minutes': '% minutes ago',
'seconds': 'few seconds ago',
'error': 'unknow time',
}
};
$('.liveTime').liveTimeAgo(default_options);
jquery.liveTimeAgo.js 插件的 github 地址为:https://github.com/ticlekiwi/jquery.liveTimeAgo.js
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!