All Projects → mpavade → animationCounter.js

mpavade / animationCounter.js

Licence: MIT license
animationCounter.js is a jQuery plugin that animates a number from a value to another value or to an infinite value

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to animationCounter.js

jquery-tree
jQuery-tree is a jQuery plugin to make an HTML unorder list (ul) in a tree.
Stars: ✭ 29 (+61.11%)
Mutual labels:  jquery-plugin
CtrlUI
CtrlUI (Controller User Interface) is a Windows application, game and emulator launcher for your game controller, DirectXInput converts your game controller to a Xbox (XInput) controller, Fps Overlayer is a tool that shows the frames per second and the cpu, gpu and memory information.
Stars: ✭ 39 (+116.67%)
Mutual labels:  counter
rellax
jQuery Rellax Plugin - Parallax awesomeness
Stars: ✭ 14 (-22.22%)
Mutual labels:  jquery-plugin
jquery-jside-menu
jSide Menu is a well designed, simple and clean side navigation menu with dropdowns.
Stars: ✭ 23 (+27.78%)
Mutual labels:  jquery-plugin
readingbar
A simple progress bar that indicates the length & your current reading position of an article/page
Stars: ✭ 19 (+5.56%)
Mutual labels:  jquery-plugin
counter
🔢 Tally counter for Android
Stars: ✭ 88 (+388.89%)
Mutual labels:  counter
Blapy
jQuery plugin that helps you to create and manage ajax and single page web applications (SPA) with almost no javascript coding to do it
Stars: ✭ 30 (+66.67%)
Mutual labels:  jquery-plugin
jquery.peekABar
jQuery plugin for a Notification Bar
Stars: ✭ 59 (+227.78%)
Mutual labels:  jquery-plugin
Hashtegny
jQuery Plugin aggregates hashtags from different social media networks. Posts are displayed in a unique, & attractive grid, and animated layout.
Stars: ✭ 52 (+188.89%)
Mutual labels:  jquery-plugin
Timespace
A jQuery plugin to handle displaying of time events
Stars: ✭ 27 (+50%)
Mutual labels:  jquery-plugin
yii2-stat
Yii2 Multi Web Statistic Module (yametrika, google-analytic, own db-counter)
Stars: ✭ 18 (+0%)
Mutual labels:  counter
vidbacking
vidbacking is a jQuery plugin to create HTML5 / Youtube video as background on webpage with fallback image support. It supports mp4 and webm files as well as Youtube video.
Stars: ✭ 55 (+205.56%)
Mutual labels:  jquery-plugin
jquery-accessible-simple-tooltip-aria
jQuery accessible simple tooltip window, using ARIA
Stars: ✭ 22 (+22.22%)
Mutual labels:  jquery-plugin
KeysPerSecond
A keys-per-second meter & counter. Written for osu! but should work for other rhythm games too.
Stars: ✭ 238 (+1222.22%)
Mutual labels:  counter
ajxnetcore
Its an innovative method to turn an ASP.NET Core Application Into Single Page Application, While enhancing the Software performance both on server and client side.
Stars: ✭ 31 (+72.22%)
Mutual labels:  jquery-plugin
Modern.JS
모던 자바스크립트 라이브러리/프레임워크 × KIPFA(한국인터넷전문가협회)
Stars: ✭ 16 (-11.11%)
Mutual labels:  jquery-plugin
ripple-effect-click
Add ripple effect to any element you want when the click action happens ("ripple effect")
Stars: ✭ 15 (-16.67%)
Mutual labels:  jquery-plugin
international-telephone-input
Integration to Magento 2 a jQuery plugin for entering and validating international telephone numbers.
Stars: ✭ 26 (+44.44%)
Mutual labels:  jquery-plugin
jquery-bindings
Simple two-way data binding using proxies and requestIdleCallback
Stars: ✭ 17 (-5.56%)
Mutual labels:  jquery-plugin
jquery-google-reviews
simple jquery Plugin that utilizes Google API to get data from a Place on Google Maps
Stars: ✭ 33 (+83.33%)
Mutual labels:  jquery-plugin

animationCounter.js

animationCounter.js is a jQuery plugin that animates a number from a value to another or to infinite value

1. Download & Installation

1.1. Download the latest version from GitHub
1.2 or install via bower package manager:
bower install animationCounter.js
1.3 Add your js file 'animationCounter.js' after jQuery, before your closing body tag
<script src="animationCounter.js" type="text/javascript">

2. Use

In your JS file, call the animationCounter() function with default parameters

$('yourdiv').animationCounter();

Or call animationCounter() function with your parameters like this the following example :

$('#yourdiv').animationCounter({
start: 0,
end: 500,
step: 1,
delay: 1000,
txt: ' €'
});

3. Options

Parameters Type Definition Default
start integer The value where the counter started 0
end integer The value where the counter stopped null
step integer The interval between the values 1
delay integer The intervals (in milliseconds) on how often to execute the code 1000
txt string The text displayed after your counter ''

4. Demo

You can see how it's works on the demo page

5. License

Copyright © Micheline Pavadé
This project is released under the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].