カウントダウン表示を簡単にできる「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>

サンプル

Javascriptサンプルページ一覧

skuare.net