0:10

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.counter-analog.css" rel="stylesheet" />
<link href="<PATH>/jquery.counter-analog2.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.counter.js"></script>
<script>
	$(window).load(function(){
		$('#counterDemo01').counter({
			direction: 'up',
			format: '1000'
		});
		$('#counterDemo02').counter({
			initial: '10:00',
			direction: 'down',
			format: '23:59',
			interval: 1000,
			stop: '5:00'
		});
	});
</script>
<div class="counter-demo-box"><span id="counterDemo01" class="counter-analog">0:10</span></div>
<div class="counter-demo-box"><span id="counterDemo02" class="counter-analog"></span></div>

counterについて

counterは、シンプルに数字のカウンターを設置できるプラグインです。
シンプルな分、設置がとても簡単です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • odometer

    odometer

    数字のカウントを表示する