jQueryで時間をカウントダウンするJavaScript「jCountr」

ティザーサイトなどで、あと何秒でオープンみたいな表示があります。
JqueryプラグインjCountrを使用すると似たようなカウントダウンが可能になります。
jQueryで時間をカウントダウンするJavaScript「jCountr」サンプル

使用方法
jCountrからjquery.jCountr.jsをjQueryからjquery.jsをダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.jCountr.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#id名").counter({
hour:"1", //開始時間
min:"02", //開始分
sec:"15" //開始秒
});
});
</script>

最後に上記で指定したid名を表示させたい場所に記述します。
<span id="id名"></span>

そのほかにもオプションが以下のサンプルのようなものもあり、カウントアップも可能です。

jQueryで時間をカウントダウンするJavaScript「jCountr」サンプル

sponsors

「jQueryで時間をカウントダウンするJavaScript「jCountr」」をシェアする

記事作成:
記事URL:

TOP > > > jQueryで時間をカウントダウンするJavaScript「jCountr」