jQuery插件timeago过去时间实现javascript时间转换文字动态提示功能

如果要实现javascrip将数字时间转换成文字提示，如，打开一个页面，每过一分钟能提醒你，你打开这个页面是多少分钟前等，jQuery插件 timeago过去时间可以实现过去时间动态提醒功能，将数字时间转换成文字提示，效果非常棒，通过一个实例，大家可了解其实现原理，
timeago
使用说明
需要使用jQuery库文件和timeago库文件

使用实例
一，包含文件部分

  1. <script src="jquery.min.js" type="text/javascript"></script>
  2. <script src="jquery.timeago.js" type="text/javascript"></script>

二，HTML部分

正常情况
<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>
转换效果
<abbr class="timeago" title="2008-07-17T09:24:17Z">8 months ago</abbr>

根椐数字时间将文本时间转换成提示过去时间，如上July 17, 2008 转换成8 months ago，注意其时间是ISO 8601时间。

三，javascript部分(调用jQuery插件timeago过去时间)

  1. jQuery(document).ready(function() {
  2. jQuery('abbr[class*=timeago]').timeago();
  3. });

其它使用jQuery插件timeago过去时间方法
jQuery.timeago(new Date());
jQuery.timeago("2008-07-17");
jQuery.timeago(jQuery("abbr#some_id"));

jQuery插件timeago过去时间的一个配置(具体可查看timeago的JS文件)
是否支持将来时间
jQuery.timeago.settings.allowFuture = true;

这个jQuery插件timeago对于一些交互功能还是非常实用的，大家可以实现一个简单的过去时间动态提示功能，同时使用非常简单，值得推荐。

点我查看jQuery插件timeago过去时间实现javascript时间转换文字动态提示功换在线演示

共有0个回答