clearInterval 函数的问题_问答-阿里云开发者社区

var loadBar={ count:0, start:function(obj){ var t=this; return setInterval(function(){ ++t.count; obj.style.width=t.count+'px'; if(t.count >= 500){ clearInterval(t.start()); //这个清除函数不对不知道怎么改了 document.getElementById("msg").innerHTML="加载完成"; } },10); } }

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
 
        <div id="a" style="width:200px;border:dashed black 1px;">
            &nbsp;
        </div>
        <div id="msg1">
            here1
        </div>
 
        <div id="b" style="width:200px;border:dashed black 1px;">
            &nbsp;
        </div>
        <div id="msg2">
            here2
        </div>
 
        <script>
            function LoadBar(obj, msg, time, max) {
 
                this.count = 0;
 
                this.obj = obj;
                this.msg = msg;
 
                this.time = time;
 
                this.max = max;
 
                function PolledRequestSender(requesterObj, time) {
                    this.ref = null;
                    this.time = time;
                    this.requesterObj = requesterObj;
                }
 
 
                PolledRequestSender.prototype = {
                    getIntervalFn : function(requesterObj) {
                        return function() {
                            requesterObj.apply(requesterObj);
                        };
                    },
                    start : function() {
                        this.ref = setInterval(this.getIntervalFn(this.requesterObj), this.time);
                    },
                    stop : function() {
                        clearInterval(this.ref);
                    }
                };
 
                this.mypoller = new PolledRequestSender(this, this.time);
            }
 
 
            LoadBar.prototype = {
                apply : function() {
                    this.count++;
 
                    this.obj.style.width = this.count + 'px';
 
                    if(this.count >= this.max) {
                        this.mypoller.stop();
                        this.msg.innerHTML = "加载完成";
                    }
                },
                start : function() {
                    this.mypoller.start();
                }
            };
            var loadBar = new LoadBar(document.getElementById("a"), document.getElementById("msg1"), 10, 500);
            loadBar.start();
 
            var loadBar2 = new LoadBar(document.getElementById("b"), document.getElementById("msg2"), 100, 100);
            loadBar2.start();
        </script>
    </body>

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

clearInterval 函数的问题

相关电子书