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

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

<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)
        };

 

posted @ 2019-01-13 15:36  斯丢皮德曼  阅读(163)  评论(0编辑  收藏  举报