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