所定時間からの経過をカウントアップするJavaScript「jQuery CountUp Plugin」

ある時間からどのくらい経過したのかを表示したいこともあるかと思います。
jQuery CountUp Pluginを利用すれば簡単に導入可能です。そんな時はjQUeryプラグインのHoverizrを利用するのも手段のひとつでしょう。

使用方法

jQuery CountUp Pluginからファイル一式をダウンロード。


<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.countup.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#id名').countUp({
		'lang':'en', //言語
		'format':'full',
		'sinceDate': '27/10/2010-00::00' //開始日時
	});
});
</script>

あとは上記のid名を振れば完成です。
<div id="id名"></div>
また、js内にある、言語設定で、日本語を設定すれば日本語も問題ありません。
※classでは動作しないようです。

サンプル

27/10/2010から

経過
Javascriptサンプルページ一覧

skuare.net