カウントダウン表示を簡単にできる「jQuery Countr」

カウントダウン表示を簡単にできる「jQuery Countr」サンプル サイト訪問から一定時間までをカウントダウン出来るjQuery Countrです。
これを用いると、制限時間を設けて何かをさせたりできそうです。

使用方法 jQuery Countrからファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="countr.js"></script>
<script>
$(function() {
$('#id名').countr({
hours : 0, //時間
minutes : 0, //分
seconds : 30, //秒
toOpacity : 0.5, //透過
colorAlert : true, //10秒から色を変える
callBack : function(me) {
$(me).text('Timeout!'); //0になった時の処理
}
});
});
</script>

あとは表示させたい場所にidを記述すれば完成です。
<div id="id名"></div>
カウントダウン表示を簡単にできる「jQuery Countr」サンプル

sponsors

「カウントダウン表示を簡単にできる「jQuery Countr」」をシェアする

記事作成:
記事URL:

TOP > > カウントダウン表示を簡単にできる「jQuery Countr」