Simple jQuery Animated Counter With Easing Support - SimpleCounter.js

Simple jQuery Animated Counter With Easing Support - SimpleCounter.js
File Size: 2.8 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

SimpleCounter.js is a simplest jQuery counter plugin which counts up or counts down to a specified number with custom easing and duration support.

Basic usage:

1. Include the jQuery SimpleCounter.js plugin after you have jQuery library loaded in the webpage.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="jQuerySimpleCounter.js"></script>

2. Create a container for the counter plugin.

<div id="count-example"></div>

3. Initialize the plugin and set the start & end numbers.

$('#count-example').jQuerySimpleCounter({
  start:  100,
  end:    0,
});

4. Plugin's default settings.

$('#count-example').jQuerySimpleCounter({

  // start number
  start:  0,

  // end number
  end:    100,

  // easing effect
  easing: 'swing',

  // duration time in ms
  duration: 400,

  // callback function
  complete: ''

});

This awesome jQuery plugin is developed by marcovincit. For more Advanced Usages, please check the demo page or visit the official website.