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结构
你可以使用以下任意一种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