帮助你自动生成已经过去的时间的jQuery插件 – Smart Time Ago

分类栏目:用户体验 - 前端开发

204618

发布于 2 条评论

title

查看预览下载附件

如果大家经常开发web应用的话,肯定会遇到需要计算相对现在过去的时间的情况,在今天的jQuery插件介绍中,我们将介绍一个方便的jQuery插件 – Smart Time Ago。使用这个插件可以自动帮助你生成类似:“3小时之前”,“2分钟之前”的相对时间格式。希望大家喜欢!

主要特性

如何使用

在node.js下使用,调用如下命令:

$ npm install -g smart-time-ago

可以作为jQuery插件,设置为全局:

$('body').timeago();

或者指定范围:

<div>
     <time datetime="2012-07-18T07:51:50Z">about 8 hours ago</time>
     <time datetime="2012-07-18T06:51:50Z">about 9 hours ago</time>
</div>
$('.timelabels').timeago();

或者你可以指定每一个元素:

$('.timeago').timeago();

你也可以刷新:

$('.timeago').timeago('refresh');

相关配置选项:

$.fn.timeago.defaults = {
      selector: 'time.timeago',
      attr: 'datetime',
      dir: 'up',
      suffix: 'ago'
      };

查看预览下载附件

当然,如果你用在中文环境中,也非常简单,因为这个插件已经帮助你汉化了,是不是很不错,希望大家喜欢!
文章来源:帮助你自动生成已经过去的时间的jQuery插件 – Smart Time Ago

全部评论 / 2

  1. 很酷炫的效果,跟你的博客主题一样,支持

    宁静 2012-09-10
    20
    1. Javin

      谢谢你的支持

      1号 Javin 2012-09-10