V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
50vip
V2EX  ›  分享创造

[开源] 也许是最简单的 timeago.js 了

  •  
  •   50vip · 2016-06-23 12:02:19 +08:00 · 1994 次点击
    这是一个创建于 2877 天前的主题,其中的信息可能已经有所发展或是发生改变。

    因为某好几个个项目中需要用到将时间变成 xxx 小时之前这个格式。就是下面的格式:

    just now
    12 seconds ago
    3 minutes ago
    2 hours ago
    24 days ago
    6 months ago
    2 years ago
    
    in 12 seconds
    in 3 minutes
    in 2 hours
    in 24 days
    in 6 months
    in 2 years
    

    之前做过python 版本,一直在后端做转化,感觉不太好。

    最近使用 react ,于是把 js 部分的这个代码单独提出来,开放成项目:https://github.com/hustcc/timeago.js,只有2kb大小。

    使用很简单,直接看 github 的 readme 文件,不能再详细了。

    至于为什么不用 moment , jquery-timeago:

    1. 为什么要依赖 jquery ?
    2. 一个字符串格式化功能为什么要依赖组件?
    3. 不需要那么多的日期操作方法,为什么需要引入?(特别的 react 打包成一个 js 文件,越小越好了。)

    所以我开源的 timeago.js 目地是为了单一的实现这个功能而已。

    第 1 条附言  ·  2016-07-04 11:59:14 +08:00

    增加实时渲染的方法:

    timeago().render(document.querySelectorAll('.need_to_be_rendered'), 'zh_CN');
    
    1 条回复    2016-06-29 15:08:43 +08:00
    shuson
        1
    shuson  
       2016-06-29 15:08:43 +08:00
    我是看了楼主 github 头像后来顶此贴的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1016 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 20:10 · PVG 04:10 · LAX 13:10 · JFK 16:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.