Lately.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:"x分钟前"、"x小时前"、"x年前",这样的更友好易读的时间,而且无需刷新页面即自动更新页面时间的显示,功能类似"timeago.js",但是Lately.js更加小巧(仅800字节),暂不支持"xx时间后"格式。
引用
首先确保你的页面已经正确引用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>
示例
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>
博主这个代码高亮的样式可以换吗?
@流口水的鱼 用你的CSS覆盖掉现有的样式即可。
哇,好棒
这个插件可以解析哪种格式的时间呢?
如果我的时间格式为:May 22nd, 2017 at 01:23 pm 或者 2017 年 05 月 22 日 01 时 23 分 PM
是不是无法解析了呢?
@何炜 js的date能解析就行
@Tokin 了解
好东西,马克
看到有些主题这么搞,不过感觉意思不大!
//在24小时以内发布的显示为几分钟前或几小时前 加到function.php文件中即可
function timeago() {
global $post;
$date = $post->post_date;
$time = get_post_time(‘G’, true, $post);
$time_diff = time() – $time;
if ( $time_diff > 0 && $time_diff < 24*60*60 )
$display = sprintf( __('%s前'), human_time_diff( $time ) );
else
$display = date(get_option('date_format'), strtotime($date) );
return $display;
}
add_filter('the_time', 'timeago');
@科技盒子 如果网页开缓存你该如何解决
这个主题很丑,说实话过完年后我每次来这里的唯一驱动力就是看看你有没有恢复年底的那款简洁的主题。
@kam 哈哈,暂时没打算,昨晚这个主题再做新主题,下一个主题会简洁的
有一段时间没来了 过来看看 发现主题又变了~ 😯
之前我写了一个php函数,可以把时间戳转换成这种个性化时间~!
js这种插件,让我眼前一亮啊~