Simple jQuery Animated Counter With Easing Support SimpleCounter js - Download Simple jQuery Animated Counter With Easing Support - SimpleCounter.js

Download Simple jQuery Animated Counter With Easing Support – SimpleCounter.js

Posted on

This time I will share jQuery Plugin and tutorial about Simple jQuery Animated Counter With Easing Support – SimpleCounter.js, hope it will help you in programming stack.

File Size: 2.77 KB
Views Total: 19240
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.

1 <script src="//code.jquery.com/jquery.min.js"></script>
2 <script src="jQuerySimpleCounter.js"></script>

2. Create a container for the counter plugin.

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

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

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

4. Plugin’s default settings.

01 $('#count-example').jQuerySimpleCounter({
02  
03   // start number
04   start:  0,
05  
06   // end number
07   end:    100,
08  
09   // easing effect
10   easing: 'swing',
11  
12   // duration time in ms
13   duration: 400,
14  
15   // callback function
16   complete: ''
17  
18 });

Changelog:

2019-07-14


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

source : jquery.net