基于jQuery,僅800字節(jié)卻強(qiáng)大,好用的’Timeago’插件
引用
首先確保你的頁(yè)面已經(jīng)正確引用jQuery(建議2.0+),然后再引用Lately.js。
<script src="http://tokinx.github.io/lately/lately.min.js"></script>
啟用
我們?yōu)槟峁┝朔浅:?jiǎn)便的初始化方法,方便您對(duì)程序進(jìn)行一些個(gè)性化設(shè)置并正確啟用
<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>
上方代碼執(zhí)行效果如下:
datetime:?3年前?/ title:3年前?/ html:3年前
Time格式
支持可直傳JavaScript?new?Date()
?對(duì)象的時(shí)間格式。
本地化
插件默認(rèn)為 “簡(jiǎn)體中文” 語(yǔ)言,但是我們提供了非常簡(jiǎn)單的接口,方便您的本地化修改。
您可以在初始化的時(shí)候連同語(yǔ)言一起設(shè)置:
<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博客主題使用了這個(gè)技術(shù):