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

标签: javascript, Lately.js

已有 54 条评论

  1. 测试时间插件

  2. 说好的 :twisted: :twisted: 八百字节
    你给我整理一个插件

    1. 就是说插件只有800字节啊 :roll:

  3. 宝贝你猜猜我是从哪里过来的;。 :idea:

    1. 我还因为有来了一种高端机器人,仔细看域名有点熟悉,再看邮箱。果然是你个小贱。。。咋用公司邮箱评论了,这么卖力有提成?

      1. 有些话在心里面-

        1. c c

          现在终端的域名越来越长了,真是完全不给米农机会啊 :arrow:

        2. 你心里的话,你不告诉我,我可能永远不知道哇,是不是喜欢我 :oops: :oops: :oops:

          1. Klose Klose

            别瞎鸡巴自恋了 除了我 谁会喜欢你 :twisted: :arrow:

  4. Klose Klose

    谢天谢地 你终于肯用苹方了 :wink:

    1. :grin: 我明明记得我设置过字体,但是昨天看了下,我之前是没定义字体。。。

  5. c c

    对于我这种完全没有时间观念的人来说…… :cry:

    1. :?: 你的论坛GG了

      1. c c

        :cry: 副站长要改回图库,这点上我俩有点分歧,所以干脆就给他了。
        :grin: 我现在还剩两个域名,琢磨以后研究手绘了……

        1. 要改成小黄网么。。。

          1. c c

            不知道啊 :grin: 可能要搞个图片分享站一类的。我之前程序的架构有问题,他们都得重写了。

  6. 大发 大发

    就格式化下时间还弄了这么个玩意。。。
    如果要封装都加上一个刷新选择器啊。

    1. 你真的是大发么。。。
      没用选择器是因为觉得要设置语言,在一起初始化可能比较好。。。

  7. 还是正常日期好,不忍看到几千小时前的东东

    1. 不会出现几千小时前。。。会x天前、x年前而已

  8. 这个唯一亮点也就是小吧。这种小功能原生js都很好实现,会用jQuery人肯定自己写出来这功能没问题。所以我就不明白了,还立个项,整个专页。。

    1. 闲的没事儿,会的人不一定想写 :evil:

  9. 博主最近没怎么更新啊,我来转转。

    1. 这个博主比较懒,平时不喜欢写文章,哈哈

  10. […] 4个月前 / title:5天前 / […]

  11. 拜读大侠博客,感悟人生道理!

  12. 看起来很棒…不过我一直觉得这种时间显示还要算几天前是几月几号,感觉有点麻烦 :eek:

  13. 这样的时间格式看起来有文艺范一些哈哈 :wink:

  14. 要是被处理成了:两个月前、半年前……就感觉好尴尬。时间若是太久远,还是显示正常的比较好吧?

    1. 嗯,抽时间更新一下

  15. 可以收藏的代码。。。。 :mrgreen:

  16. 拜读大侠博客,感悟人生道理!

  17. 像特别懒的人还是算了,一般会出现这种情况“两年前更新”

  18. 这个可以试试去~wordpress里一般用的是一段函数实现的吧!

  19. 其实,还是建议有个时间范围限制,超过一定时间,就显示原来的时间,会比较好一点。

    1. 同感,+1024~

    2. 是个好建议,记下了

  20. :razz: 广告变成恒天了

    1. 因为我发现之前挂的链接有人通过我的推介购买,导致我账户里面有了十几块的推介费,但是不够提现的额度,强迫症,我很想满额提出来 :eek:

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

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

  23. kam kam

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

    1. 哈哈,暂时没打算,昨晚这个主题再做新主题,下一个主题会简洁的

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

    1. 如果网页开缓存你该如何解决

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

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

  27. 好东西,马克 :mrgreen:

  28. 哇,好棒

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

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

    是不是无法解析了呢?

    1. js的date能解析就行

      1. RB RB

        了解

  29. 博主这个代码高亮的样式可以换吗?

    1. 用你的CSS覆盖掉现有的样式即可。

  30. 枫叶 枫叶

    好东西,2017年对比5年前,还是后者给人的感觉比较震撼。反正我是给你这个js搞进去了。😂

添加新评论