日期:2013-8-8 来源:GBin1.com
网站或者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即可,如下:
//Jquery var 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);
当然,这个类库还不支持国际化,如果你在中文环境中使用,还需要自己按国人习惯修改一下类库的文字内容,相信也不是一件复杂的事情。希望大家喜欢这个类库!
相关推荐
1、jQuery是一个快速的,简洁的,轻量级的javaScript库(压缩后只有21k),这是其它的js库所不及的。 2、代码简练、语义易懂、学习快速、文档说明丰富、各种应用也说得很详细。 3、WRITE LESS,DO MORE,写更少的代码,做...
Pascal VOC2012语义分割数据集 VOCtrainval_11-May-2012.tar 只需1积分
重写所有JavaScript插件:为了利用JavaScript的新特性,Bootstrap 4用ES6重写了所有插件。现在提供UMD支持、泛型拆解方法、选项类型检查等特性。 改进工具提示和popovers自动定位:这部分要感谢Tether工具的帮助。 ...
2.JS编译:框架意识,Javascript 编译器了解Sencha的语义语法,并且从你源代码构建的时候产生较少的足迹。编译器通过Sencha框架减少加载应用程序的时间来优化高层次的语义。 3.网络服务:提供了轻量级的网络服务,如...
竹间智能语义云平台API说明文档-V1.pdf
基于nc元数据及语义脚本的简单报表开发-v2.doc
基于nc元数据及语义脚本的简单报表开发-v.doc
h265/HVC官方视频编解码ITU标准高清文档PDF格式,2019年英文版本,包含完整目录、句法元素、语义定义
前端项目-backgrid.js,backgrid.js是一组组件,用于构建语义和易于设置主干的数据网格小部件。
最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化 标签、依赖注入等等。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 ...
清华大学-《人工智能之表示学习》报告重磅发布:在低维空间中高效计算实体和关系的语义联系-2020.9-106页精品报告2020.pdf
spreadjs_复杂公式语义化-demo
PCRE(PerlCompatibleRegularExpressions)是一个Perl库,包括perl兼容的正则表达式库。这些在执行正规表达式模式匹配时用与Perl5同样的语法和语义是很有用的。
语义网课件-RDF.ppt详细介绍 资源下载word格式
编译原理 C语言编译器(包括词法/语法/语义分析器等) 项目结构如下 -source --lexAnalysis 词法分析器(原创) ---analyse.c 词法分析器 ---text.c 测试用例(被分析的C代码) --lexSynAnalysis 语法分析器(转存...
OWL-TC4-pDDL.操作手册-语义网资源 很有用
英语核心词“油脂”语义演变-论文.zip
这是一个用于存储和操作由节点和边组成的网络结构的函数库。 可视化语义网络还需要安装 Graphviz 库
apache-jena-2.10.0.zip及源代码source,语义web
Protege-5.5.0 Mac版 最新版5.5 知识图谱语义网必备,本体推理 好用好用呀好用呀好用呀好用呀好用呀呀