javascript 实现的仿支付宝的余额宝收益数字增长动
NumberGrowth
一个可以模仿余额宝数子增长动画的框架
支持自动判断增长和减少 支持设置动画时间 支持设置开始增长数字 支持设置刷新频率 使用方法 引入number-growth.js
文件
<script type="text/javascript" src="number-growth.js"></script> 编写html文件
<!--在html里面定义一个div作为显示容器--> <div id="number-container" class="number">0</div> 编写javascript文件
// 实例化组件 var numberGrow = NumberGrowth('number-container', 500, { startNumber: 122, growNumberAnimateTime:1000* 3 }); // 开始增长动画 numberGrow.startGrow(); // 改变数字动画 numberGrow.changeNumber(1000); 参数说明 showKiloCharacter 是否显示千字符 startNumber: 开始数字 growNumberAnimateTime: 初始数字增长动画时间(ms) changeNumberAnimateTime: 改变数字动画时间(ms) refreshTime: 动画刷新时间间隔(ms) api说明 startGrowth: 开始初始动画 changeNumber: 开始改变数字动画 效果
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。