setInterval wie funktioniert es?

Question

ich will, dass rot blau rot blau ... und dann Zelle H rot blau rot auf den ersten Zelle E blinkt blinkt ......

Aber nur Zel blinkt.

Was ist zu ändern?

es scheint, dass es für i nur run = Select = 2

<script> 

var blinkColors=new Array('red','blue','red','blue','red','blue','red','blue'); 

var selectCell = 2; 
for (var i = 0; i <=selectCell -1; i++) 

{ 
     var blinkColor=0; 

     var myBlink=setInterval(function(){doBlink(j);},300); 

      function doBlink(x) 
      { 
      var jj=x; 
      var blinkCell=document.getElementById('blinker'+jj); 
      blinkCell.style.backgroundColor=blinkColors[blinkColor]; 
      blinkColor++; 

      if(blinkColor==blinkColors.length) 
       { 
        stopBlink(); 
       } 

      } 

      function stopBlink() 
       { 
       clearInterval(myBlink); 
       } 
    } 

</script> 
</head> 

Answer 1

Hier ist ein aktualisiertes Beispiel.

var blinkColors = new Array('red', 'blue', 'red', 'blue', 'red', 'blue', 'red', 'blue'); 
 

 
var selectCell = 2; 
 
var blinkColor = 0; 
 
var iterator = 0; 
 

 
var myBlink = setInterval(function() { 
 
    doBlink(); 
 
}, 300); 
 

 
function doBlink() { 
 
    var blinkCell = document.getElementById('blinker' + iterator); 
 
    blinkCell.style.backgroundColor = blinkColors[blinkColor]; 
 
    blinkColor++; 
 

 
    if (blinkColor == blinkColors.length) { 
 
    blinkColor = 0; 
 
    blinkCell.style.backgroundColor = "transparent"; 
 
    iterator++; 
 

 
    if (iterator == selectCell) 
 
     clearInterval(myBlink); 
 
    else 
 
     doBlink(iterator); 
 
    } 
 

 
}

<div id="blinker0">Cell 1</div> 
 
<div id="blinker1">Cell 2</div>

Answer 2

Ich bin eine dynamische Tabelle erstellt JavaScript-Array verwendet wird. In dem Array sind zw die Indizes der Zellen, die blinken sollten. Ich habe viel versucht, aber nur die erste Zelle blinkt. Hier ist mein Code

var blinkColors = new Array('red', 'white','red', 'white','red', 'white'); 
    var zw= new Array(1,4,5,9); 
    var blinkColor = 0; 
    var iterator = 0; 

     var myBlink = setInterval(function() { 
     doBlink(); 
     }, 300); 

    function doBlink() { 

     var blinkCell=document.getElementsByTagName('td'); 
     blinkCell[zw[iterator]].style.backgroundColor=blinkColors[blinkColor]; 

     if (blinkColor == blinkColors.length) 

     { 
     blinkColor = 0; 
     blinkCell.style.backgroundColor = "transparent"; 
     iterator++; 

     if (iterator == zw.lenght) 
      clearInterval(myBlink); 
     else 
      doBlink(zw[iterator]); 
     } 
    } 
}