Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

ティザーサイトなどで、あと何秒でオープンみたいな表示があります。
Jqueryプラグイン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」サンプル

記事作成：2009年04月05日