数字滚动插件countUP

引用js

jquery.countUp

<script src=”https://www.jq22.com/jquery/jquery-1.10.2.js”></script>
<script type=”text/javascript” src=”jquery.countUp.js”></script>

<div class=”timer timer1″>12.12</div>
<div class=”timer timer2″>18362.86</div>
<div class=”timer timer3″>0.36</div>
<div class=”timer timer4″>614.80</div>
<div class=”timer timer5″>11.36</div>
<div class=”timer timer6″>2123655255888.86</div>

<script type=”text/javascript”>
<!–
//调用案例,需要在被调用的标签内 写上最终的数值
jQuery(function($) {
$(“.timer”).countTo({
lastSymbol:” %”, //显示在最后的字符
from: 0, // 开始时的数字
speed: 2000, // 总时间
refreshInterval:100, // 刷新一次的时间
beforeSize:0, //小数点前最小显示位数,不足的话用0代替
decimals: 2, // 小数点后的位数,小数做四舍五入
onUpdate: function() {
}, // 更新时回调函数
onComplete: function() {
for(i in arguments){
//console.log(arguments[i]);
}
}
});
});
//–>

</script>

 

暂无评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

苏ICP备20017722号-1