JQueryで数字のカウントアップ・カウントダウンアニメーションを実装する

$(function(){
	$('#number').animate({
		Counter: 5000
	}, {
		duration: 5000,
		easing: 'linear',
		step: function (now, fx) {
			$(this).html(Math.ceil(now));
		}
	});
});

<div id="ict_number">0</div>
<button id="ict_jquery_num_animation_btn">数字をカウントアップする</button>

$(function(){
	
	function ict_jquery_num_animation_btn_action() {
		$('#ict_number').animate({
			Counter: 5000
		}, {
			duration: 5000,
	        easing: 'linear',
	        step: function (now) {
	            $(this).html(Math.ceil(now));
	        }
		});
	}
			
	$(document).on('click', '#ict_jquery_num_animation_btn', (function() {
			ict_jquery_num_animation_btn_action();
		})
	);
});

<div id="ict_number_select">0</div>
<select id="ict_jquery_num_animation_select">
	<option value="5000">5,000円</option>
	<option value="6000">6,000円</option>
	<option value="7000">7,000円</option>
	<option value="8000">8,000円</option>
	<option value="9000">9,000円</option>
	<option value="10000">10,000円</option>
</select>

$(function(){
	
	function ict_jquery_num_animation_select_action(to) {
		$('#ict_number_select').animate({
			Counter: to
		}, {
			duration: 300,
	        easing: 'linear',
	        step: function (now) {
	            $(this).html(Math.ceil(now));
	        }
		});
	}
			
	$(document).on('change', '#ict_jquery_num_animation_select', (function() {
			ict_jquery_num_animation_select_action($(this).val());
		})
	);
});