工具插件-将具体时间转换为模糊相对时间

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

在线预览 网盘下载

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论