阅读 72

数字跳动 jqjs

两种方式

一,

"num" >

        /**
         * 数字滚动
         * @param {Object} num         开始值
         * @param {Object} maxNum    最大值,最终展示的值
         */
    function numRunFun(num,maxNum,numBox){
        var numText = num;
        var golb; 
        function numSlideFun(){
            numText+=0.3;
            if(numText >= maxNum){
                numText = maxNum;   
                cancelAnimationFrame(golb);
            }else {
                golb = requestAnimationFrame(numSlideFun);
            }
            document.getElementById(numBox).innerHTML = ~~(numText)
        }
        numSlideFun();
    }
    numRunFun(0,10,‘num‘);
 

二,

    
"nub1">
"nub2">
  let n1 = 0;
  let n2 = 0;
  let nub = [317, 1788]
  let to1 = nub[0]; // 第一个需要显示数字的地方默认最大值 让其从0开始动态达到最大值。
  let to2 = nub[1]; // 第二个需要显示数字的地方默认最大值
  tonum();
  function tonum () {
    if (n1 < to1 || n2 < to2 ) {
      n1 += Math.ceil(to1 / 200);
      n2 += Math.ceil(to2 / 200);
      n1 = n1 > to1 ? to1 : n1;
      n2 = n2 > to2 ? to2 : n2;
      $("#nub1").text(n1);
      $("#nub2").text(n2);
      setTimeout(tonum, 50);
    } else {
      return false;
    }
  } 

 

原文:https://www.cnblogs.com/duhui/p/14982118.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐