数字实现滚动的效果 到指定的数(使用countup.js插件)

数字实现滚动的效果

<span id="num1">1000</span>

<script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script>

<script type="text/javascript">

    var options = {

      useEasing: true,

      useGrouping: true,

      separator: ',',

      decimal: '.',

        };

    var num1 = new CountUp('num1', 0, 1000, 0, 2.5, options);

    if (!num1.error) {

      num1.start();

    } else {

      console.error(num1.error);

    }

</script>

//num1:目标元素的ID   

//0:滚动开始的数字

//100:滚动结束的数字

//2.5 :完成整个效果的时间

posted @ 2019-11-20 18:10  偶尔z  阅读(819)  评论(0)    收藏  举报