Counter-Up

Counter-Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes visible.

  • 所有者: bfintal/Counter-Up
  • 平台:
  • 许可证: GNU General Public License v2.0
  • 分类:
  • 主题:
  • 喜欢:
    0
      比较:

Github星跟踪图

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

主要指标

概览
名称与所有者bfintal/Counter-Up
主编程语言JavaScript
编程语言JavaScript (语言数: 1)
平台
许可证GNU General Public License v2.0
所有者活动
创建于2013-11-25 16:54:52
推送于2021-08-22 12:06:19
最后一次提交2021-08-22 20:06:19
发布数2
最新版本名称1.0.0 (发布于 )
第一版名称1.0 (发布于 )
用户参与
星数745
关注者数24
派生数710
提交数11
已启用问题?
问题数52
打开的问题数46
拉请求数0
打开的拉请求数16
关闭的拉请求数9
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?