Npcink Blog
切换菜单

Lately.js - 基于 jQuery 开发的好用的'Timeago'插件

基于 jQuery，仅 800 字节却强大，好用的'Timeago'插件

最后更新于
本页目录5 节

基于 jQuery，仅 800 字节却强大，好用的’Timeago’插件

引用

首先确保你的页面已经正确引用 jQuery（建议 2.0+），然后再引用 Lately.js。

<script src="//tokinx.github.io/lately/lately.min.js"></script>

启用

我们为您提供了非常简便的初始化方法，方便您对程序进行一些个性化设置并正确启用

<script>
    jQuery(document).ready(function () {
        $.lately({
            'target' : '.lately-a,.lately-b,.lately-c'
        });
    });
</script>

示例

//datetime
<time class="lately-a" datetime="2016-09-28T23:49:41+00:00" itemprop="datePublished" pubdate>2016-September-28</time>


//title
<a href="#" class="lately-b" title="2017-02-14 18:56">Any string</a>


//html
<a href="#" class="lately-c">2017-02-12 21:39</a>

上方代码执行效果如下：

datetime： 3 年前 / title：3 年前 / html：3 年前

Time 格式

支持可直传 JavaScript new Date() 对象的时间格式。

本地化

插件默认为 “简体中文” 语言，但是我们提供了非常简单的接口，方便您的本地化修改。

您可以在初始化的时候连同语言一起设置：

<script>
    jQuery(document).ready(function () {
        $.lately({
            'target' : '.lately-a,.lately-b,.lately-c',
            'lang': {
                'second': ' Second',
                'minute': ' Minute',
                'hour': ' Hour',
                'day': ' Days',
                'month': ' Month',
                'year': ' Years',
                'ago': ' Ago',
                'error': 'NaN'
            }
        });
    });
</script>

下面这款 WordPress 博客主题使用了这个技术：