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