800字节,将时间处理成“xx时间前”

/ 50评 / 24

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>

Lately.js 的 官网 \ GitHub

50条回应:“800字节,将时间处理成“xx时间前””

  1. 何炜说道:

    哇,好棒

    这个插件可以解析哪种格式的时间呢?

    如果我的时间格式为:May 22nd, 2017 at 01:23 pm 或者 2017 年 05 月 22 日 01 时 23 分 PM

    是不是无法解析了呢?

  2. 老虎说道:

    好东西,马克 :mrgreen:

  3. Andnot说道:

    :mrgreen: 哈哈,干货呀,这是

  4. 胡德杰说道:

    看到有些主题这么搞,不过感觉意思不大!

  5. 科技盒子说道:

    //在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');

  6. kam说道:

    这个主题很丑,说实话过完年后我每次来这里的唯一驱动力就是看看你有没有恢复年底的那款简洁的主题。

  7. 洃少说道:

    有一段时间没来了 过来看看 发现主题又变了~ :shock:

  8. 关关说道:

    之前我写了一个php函数,可以把时间戳转换成这种个性化时间~!
    js这种插件,让我眼前一亮啊~

发表评论

电子邮件地址不会被公开。 必填项已用*标注