CodePen

HTML

            
              <html>
<head>
	<title>Count up</title>
</head>
<body>
<div id="output">6000</div>
<div id="output2">10</div>
<div id="output3">20</div>
</body>
</html>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              		*{font-family: 	"Trebuchet MS", sans-serif;}
		html, body{background:#222; color:#979C9E;}
		h1{color:#616263;}
		a{color:#AB7BE9;}

		.wrapper{width:960px; margin: 0 auto;}
		td{padding:10px;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              /*
 *
 *	Count up
 *		https://github.com/sheepysheep60/count-up
 *	
 *	David Williams
 *		djave.co.uk
 *
*/

(function( $ ) {
	$.fn.countUp = function(options) {
  
  var $this = this;
   
		var settings = $.extend( {
			'startFrom'		: 0,
			'countTo'		: Number(this.text()),
			'start'			: 10,
			'frequency'		: 200,
			'jump'			: 1,
			'target'		: $this,
			'log'			: false,
			'onFinished'		: ''
		}, options);

		var intRegex = /^\d+$/;
  var offset;
  var current_number;
   
		if(intRegex.test(settings.countTo) && intRegex.test(settings.startFrom) ) {
			// Both settings are integers, get started:
			if(settings.startFrom<settings.countTo){
				offset = settings.jump;
			}else{
				offset = -1 * settings.jump;
			}
			current_number = settings.startFrom;
			// settings.target.html(current_number);

			checkNumber();
			var timer;
			function checkNumber(){
				if(offset<0){
					if(current_number <= settings.countTo)
					{
						current_number = settings.countTo;
						if (typeof settings.callback == 'function') {
					        settings.callback.call(this);
					    }
       return
					}
					else
					{
						current_number += offset;
						timer=setTimeout(function(){checkNumber()},settings.frequency);
					}
				}else{
					if(current_number >= settings.countTo)
					{
						current_number = settings.countTo;
						clearTimeout(timer);
						if (typeof settings.onFinished == 'function') { // make sure the onFinished is a function
					        settings.onFinished();
					    }
					}
					else
					{
						current_number += offset;
						timer=setTimeout(function(){checkNumber()},settings.frequency);
					}
				}
				settings.target.html(current_number);
				if(settings.log){console.log(settings.target.attr('id'))};
			}	

		}else{
		   if(settings.log){console.log('From countUp: Please use an integer for startFrom and countTo arguments.');}
		}
	};
})( jQuery );

$(document).ready(function(){
   
  
  $("#output").countUp({
				'log' : false,
    frequency: 1,
    jump:13
			});
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................