countup.js

CountUp。js是一个相互间无依赖的,轻量级的JavaScript“类”,可以用来快速创建动画显示数值数据以一种更有趣的方式。
尽管它的名字,CountUp可以在两个方向数,根据startVal和endValparams通过。
CountUp。js支持所有浏览器。

CountUP:demo演示

参数:
目标= html元素id,输入,svg文本元素,或之前选定元素的var /输入计数发生的地方
startVal =你想开始的价值
endVal =你想要到达的价值
小数=(可选)的小数位数号码,默认为0
时间=(可选)持续时间以秒为单位,默认2
选择=(看演示,可选)格式/宽松的选择对象


使用方法:

var numAnim = new CountUp("element", 24.02, 99.99);
numAnim.start();
使用回调函数:	
numAnim.start(someMethodToCallOnComplete);
// or an anonymous function
numAnim.start(function() {
    // do something
})
另外一些方法:

      切换暂停/恢复:

 1.numAnim.pauseResume();
重置一个动画: 
2.numAnim.reset();
Update the end value and animate:
3.var someValue = 1337;
numAnim.update(someValue);

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值