sorry ;
myTimer = window.setInterval("test",100);
改为
myTimer = window.setInterval("Move()",100);

解决方案 »

  1.   

    <html><body>
    <input type="Button" onclick="LoadingStart()" value="start">
    <input type="Button" onclick="LoadingEnd()" value="End">
    </body></html>
    <script>
    function LoadingStart()
    {
    var strHTML;
    strHTML = '<body style="margin:0;border:0;overflow:hidden"><div id="WebProgessorBar" style="z-index:999999;background:ThreeDFace;border:2px outset;-moz-border-left-colors:ThreeDLightShadow ThreeDHighLight;-moz-border-right-colors:ThreeDDarkShadow THreeDShadow;-moz-border-top-colors:ThreeDLightShadow ThreeDHighLight;-moz-border-bottom-colors:ThreeDDarkShadow ThreeDShadow;width:300px;height:80px;">' + 
    '<table cellspacing=1 cellpadding=0 border=0 width=100% height=100% align=center ID="Table1">' +
    '<tr><td style="height:20px;vertical-align:top;text-align:left">' +
    '<div style="padding:2px 0px 0px 2px;height:20px;overflow:hidden;background:ActiveCaption;font:Caption;color:CaptionText">Loading...</div>' +
    '</td>' +
    '</tr>' +
    '<tr>' +
    '<td style="text-align:center;vertical-align:middle">' +
    '<div align=center>' +
    '<div style="width:80%;height:20px;border:1px solid ThreeDShadow;background:window;overflow:hidden;text-align:left;padding:1px;font-size:0px;-moz-appearance:progressbar">' +
    '<div style="width:60px;height:16px;position:relative;left:0px;background:HighLight;overflow:hidden;-moz-appearance:progresschunk;font-size:0px">&nbsp;</div>' +
    '</div>' +
    '</div>' +
    '</td>' +
    '</tr>' +
    '</table>'
    var ifrmLoading;
    if (ifrmLoading)ifrmLoading.removeNode(true); 
    ifrmLoading=document.createElement("iframe");
    ifrmLoading.style.position="absolute";
    ifrmLoading.style.top=100;
    ifrmLoading.style.left=400;
    ifrmLoading.id="frm";
    ifrmLoading.style.width=305;
    ifrmLoading.style.height=85;
    ifrmLoading.frameBorder=0;
    document.body.insertAdjacentElement("afterBegin",ifrmLoading);
    frm.document.write(strHTML);
    p= frm.document.getElementById("WebProgessorBar");
    myTimer = window.setInterval("Move()",100);
    }
    function LoadingEnd()
    {
    clearInterval(myTimer);
    }
    var p;
    var intTemp;
    var myTimer = "";
    intTemp = 1;
    function Move()
    {
    if (p) {
    var v = p.getElementsByTagName("div")[2].firstChild;
    var l = parseInt(v.style.left);

    if(l >= 250 || v.offsetLeft<-80)
    intTemp = -intTemp;
    v.style.left = l +  intTemp * 2;
    v.style.filter = "Alpha(" + (intTemp > 0 ? "Opacity=0,FinishOpacity=100" : "Opacity=100,FinishOpacity=0") + ",Style=1,StartX=0,StartY=0,FinishX=100,FinishY=0);"
    }
    }
    </script>