码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:numa   nbsp   int   OLE   innerhtml   get   change   interval   数字   

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

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

 

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

标签:numa   nbsp   int   OLE   innerhtml   get   change   interval   数字   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!