首页 > 其他 > 详细

封装特效记录--持续更新

时间:2019-01-13 16:56:17      阅读:162      评论:0      收藏:0      [点我收藏+]

一个页面打开数字数据自动想加的特效(一般用于网站浏览数据,客户数量的动态展示);

<span>00</span>
    <div>00</div>
    <script>
        
        function changeNum(dom,endNum){
            this.startNum=0;
            this.endNum=endNum;
            this.dom=document.getElementsByTagName(dom)[0];
            this.NumAdd();

        };
        changeNum.prototype.NumAdd=function(){
            var _this=this;
            this.timer=setInterval(function(){
                _this.startNum++;
                if(_this.startNum<10){
                    _this.startNum=‘0‘+_this.startNum;
                }
                if(_this.startNum==_this.endNum){
                    clearInterval(_this.timer);
                }
                console.log(_this.startNum);
                _this.dom.innerHTML=_this.startNum;
            },100)
        };

 

封装特效记录--持续更新

原文:https://www.cnblogs.com/lwj820876312/p/10262712.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!