基于jQuery，僅800字節卻強大，好用的'Timeago'插件

• 項目介紹：詳情
• 項目下載：Github

引用

首先確保你的頁面已經正確引用jQuery（建議2.0+），然后再引用Lately.js。

<script src="http://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博客主題使用了這個技術：

Adams - 簡潔舒適的Wordpress博客主題

Muze

• 20年4月16日
• 喜歡：0
• 瀏覽：7.1k