HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 帮助更语义化的显示时间的jQuery插件

帮助更语义化的显示时间的jQuery插件

HTML5资讯  手机阅读
 

      网站或者web应用开发过程中,难免会遇到需要展示时间的地方,例如,留言时间或者发布帖子的时候,那么大家是不是相关过使用更加符合语义学的方式来显示时间呢?
08:15  显示成  "八点过一刻了"    
05:45  显示成  "醒醒啦,差一刻就早上六点啦"
14:29  显示成  "快到下午两点半啦"
        大家是否觉得上面的时间显示更贴近生活呢? 如果自己处理这样的时间显示会稍微有些麻烦,要是有现成的类库是不是更完美?
       今天这里我们介绍的jQuery类库 tidyTime.js 就可以帮助你实现更友好的显示时间的功能,你可以简单的配置和使用即可生成以上的时间显示方式。


如何使用
导入类库:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="tidyTime.js"></script> 
HTML代码:
<span class="tidyTime"></span>
JS代码:
$(document).ready(function ($) {     $('.tidyTime').tidyTime();  });
如果你需要选项,可以按如下方式处理:
$('.tidyTime').tidyTime({ time: '08:15', before:'It\'s ', after:' and I\'m feeling good!', periodOfDay: true, callback:tidyTimeFunction });
最后,大家也可以把tidyTime.js作为时钟来使用,只要调用setInterval即可,如下:
//Jqueryvar tidyTime = $('.tidyTime');tidyTime.tidyTime({ before:'Hey dude! It\'s ', after:' and I\'m feeling good!' });
setInterval(function(){
tidyTime.tidyTime({ before:'Hey dude! It\'s ', after:' and I\'m feeling good!' });
},30000);
        当然,这个类库还不支持国际化,如果你在中文环境中使用,还需要自己按国人习惯修改一下类库的文字内容,相信也不是一件复杂的事情。希望大家喜欢这个类库!
网站地址:http://git.aaronlumsden.com/tidytime.js/

【帮助更语义化的显示时间的jQuery插件】相关文章

1. 帮助更语义化的显示时间的jQuery插件

2. 帮助更语义化的显示时间的jQuery插件

3. 帮助更语义化的显示时间的jQuery插件

4. 帮助更语义化的显示时间的jQuery插件

5. 帮助更语义化的显示时间的jQuery插件

6. 帮助更语义化的显示时间的jQuery插件

7. 帮助快速生成页面固定显示元素的jQuery插件

8. 帮助快速生成页面固定显示元素的jQuery插件

9. 完全语义化的前端界面开发框架

10. bookblock:可帮助你生成翻页效果的jQuery插件

本文来源:https://www.51html5.com/a3440.html

点击展开全部
上一篇:支持触摸的 jQuery 响应式传送带插件 下一篇:利用CSS、JavaScript及Ajax实现图片预加载的三大方法

﹝帮助更语义化的显示时间的jQuery插件﹞相关内容

「帮助更语义化的显示时间的jQuery插件」相关专题

jquery html代码 js代码 ajax 应用开发
复制网址 收藏网址 分享到微信 分享到微博 分享到QQ

其它栏目

学习教程 HTML5开发工具 HTML5网站 HTML5游戏 HTML5资讯

也许您还喜欢