功夫码

实现页面数字滚动 用插件countUP.js

晓峰 时间:2019-07-16 22:38:42 阅读:21

实现页面数字滚动 用插件countUP.js

下载地址:http://www.jq22.com/jquery-info11331


使用方法及其简单,非常好用

QQ截图20190716223637.png

<body>
    <div class="timer">18362.86</div>
</body>

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jquery.countUp.js"></script>

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



本文来源:功夫码(gongfuma.com)

声明:本文系功夫码原创稿件,版权属[功夫码 gongfuma.com]所有,未经授权不得转载,已经协议授权的媒体下载使用时须注明"稿件来源:功夫码",违者将依法追究责任。

相关文章

回到顶部