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

最新推荐文章于 2022-10-02 09:00:00 发布

weixin_30786617

最新推荐文章于 2022-10-02 09:00:00 发布

阅读量103

点赞数

原文链接：http://www.cnblogs.com/lwj820876312/p/10262712.html

版权

一个页面打开数字数据自动想加的特效（一般用于网站浏览数据，客户数量的动态展示）；

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