counterup

WebJar for counterup

License

License

GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

counterup
Last Version

Last Version

1.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

counterup
WebJar for counterup
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/bfintal/Counter-Up

Download counterup

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/counterup/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>counterup</artifactId>
    <version>1.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/counterup/
implementation 'org.webjars.npm:counterup:1.0.2'
// https://jarcasting.com/artifacts/org.webjars.npm/counterup/
implementation ("org.webjars.npm:counterup:1.0.2")
'org.webjars.npm:counterup:jar:1.0.2'
<dependency org="org.webjars.npm" name="counterup" rev="1.0.2">
  <artifact name="counterup" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='counterup', version='1.0.2')
)
libraryDependencies += "org.webjars.npm" % "counterup" % "1.0.2"
[org.webjars.npm/counterup "1.0.2"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.npm : jquery jar [1.5,)
org.webjars.npm : waypoints jar [2.0,)

Project Modules

There are no modules declared in this project.

Please use Counter-Up2 instead.

Counter-Up

Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up:

  • integers 12345
  • floats 0.1234
  • formatted numbers 1,234,567.00

Features:

  • Auto-detect for integers, floats or formatted numbers
  • The plugin will also use the number of decimal places the original number is using.
  • Lightweight: ~1kb
  • Minimal setup

Requires waypoints.js

Demo

DEMO

Usage

Include

<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>

HTML

<span class="counter">1,234,567.00</span>
<span>$</span><span class="counter">1.99</span>
<span class="counter">12345</span>

jQuery

$('.counter').counterUp();

or with extra parameters

$('.counter').counterUp({
    delay: 10,
    time: 1000
});

delay - The delay in milliseconds per number count up

time - The total duration of the count up animation

Social Stuff

Twitter: @bfintal & @gambitph

Google+: +Benjamin Intal

Versions

Version
1.0.2