呼唤高手!（javascript 定时器）

<HEAD>
<META http-equiv=Content-Type content=text/html;charset=gb2312>
<TITLE>xxxx</TITLE><STYLE>
v\:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<SCRIPT>
var the_timeout;
var i=1;
 function move(intNum)
 {
   i=intNum;
   var _this=this;
   function cmd1()
   {
    eval("green"+i+".fillcolor = '#ffffff'");
   
   }
   function cmd2()
   {
    eval("green"+i+".fillcolor = '#56e835';");
    if(_this.i!==5){_this.i++;}else{_this.i=1;};
   }   var a=setTimeout(cmd1,100);  
     var b=setTimeout(cmd2,200); 
}
var the_timeout = setInterval(function(){
move(i);
},1000);
//setTimeout("clearInterval(the_timeout);",3000); 
</script><BODY bgcolor="#008080">
<?xml:namespace prefix = v />
<v:oval id="green1" style="Z-INDEX: 1010; LEFT: 742px; WIDTH: 9px; POSITION: absolute; TOP: 145px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
<v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">1</v:Stroke>
</v:oval>
<v:oval id="green2" style="Z-INDEX: 1010; LEFT: 743px; WIDTH: 9px; POSITION: absolute; TOP: 73px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
<v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">2</v:Stroke>
</v:oval>
<v:oval id="green3" style="Z-INDEX: 1010; LEFT: 691px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
<v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">3</v:Stroke>
</v:oval>
<v:oval id="green4" style="Z-INDEX: 1010; LEFT: 619px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
<v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">4</v:Stroke>
</v:oval>
<v:oval id="green5" style="Z-INDEX: 1010; LEFT: 540px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
<v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">5</v:Stroke>
</v:oval>
</body>
</html>

解决方案 »

  1.   

    <HEAD>
    <META http-equiv=Content-Type content=text/html;charset=gb2312>
    <TITLE>xxxx</TITLE><STYLE>
    v\:*{behavior:url(#default#VML);}
    </STYLE>
    </HEAD>
    <SCRIPT>
    var the_timeout;
    var i=1;
    var k=1;
     function move(intNum)
     {
       i=intNum;
       var _this=this;
       function cmd1()
       {
        eval("green"+i+".fillcolor = '#ffffff'");
       
       }
       function cmd2()
       {
        eval("green"+i+".fillcolor = '#56e835';");
        if(k==3)
        {
        if(_this.i!==5){_this.i++;}else{_this.i=1;};
        k=0;
        }
        else
        {
        k++;
        }
       
       
       }   var a=setTimeout(cmd1,100);  
         var b=setTimeout(cmd2,200); 
    }
    var the_timeout = setInterval(function(){
    move(i);
    },1000);
    //setTimeout("clearInterval(the_timeout);",3000); 
    </script><BODY bgcolor="#008080">
    <?xml:namespace prefix = v />
    <v:oval id="green1" style="Z-INDEX: 1010; LEFT: 742px; WIDTH: 9px; POSITION: absolute; TOP: 145px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
    <v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">1</v:Stroke>
    </v:oval>
    <v:oval id="green2" style="Z-INDEX: 1010; LEFT: 743px; WIDTH: 9px; POSITION: absolute; TOP: 73px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
    <v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">2</v:Stroke>
    </v:oval>
    <v:oval id="green3" style="Z-INDEX: 1010; LEFT: 691px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
    <v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">3</v:Stroke>
    </v:oval>
    <v:oval id="green4" style="Z-INDEX: 1010; LEFT: 619px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
    <v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">4</v:Stroke>
    </v:oval>
    <v:oval id="green5" style="Z-INDEX: 1010; LEFT: 540px; WIDTH: 9px; POSITION: absolute; TOP: 59px; HEIGHT: 8px" coordsize = "21600,21600" fillcolor = "#56e835" strokecolor = "black" strokeweight = "1pt">
    <v:Stroke startarrow = "none" endarrow = "none" dashstyle = "dot">5</v:Stroke>
    </v:oval>
    </body>
    </html>收分喽~