幫助更語義化的顯示時間的jQuery插件 - tidyTime.js
網站或者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);
當然，這個類庫還不支持國際化，如果你在中文環境中使用，還需要自己按國人習慣修改一下類庫的文字內容，相信也不是一件復雜的事情。希望大家喜歡這個類庫！
來源：幫助更語義化的顯示時間的jQuery插件 - tidyTime.js
本文由用戶 jjfat 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！