贊助更語義化的表現時光的jQuery插件 – tidyTime.js

起源:GBin1.com

網站大概web運用開辟進程中,不免會碰到須要展現時光的處所,比方,留行時光大概宣佈帖子的時刻,那末年夜傢是否是相幹過應用加倍相符語義教的方法去表現時光呢?

08:15 表現成 “八面過一刻瞭”

05:45 表現成 “醉醉啦,好一刻便早上六面啦”

14:29 表現成 “快到下晝兩面半啦”

年夜傢是不是認為上裡的時光表現更切近生涯呢? 假如本身處置如許的時光表現會略微有些貧苦,如果有現成的類庫是否是更完善?

本日那裡我們先容的jQuery類庫 tidyTime.js 便可以贊助您真現更友愛的表現時光的功效,您能夠簡略的設置裝備擺設戰應用便可天生以上的時光表現方法。

若何應用

導進類庫:


<script type="text/javascript" src="/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/design/2013/0813/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