setInterval 是如何工作的？

Question

i want that at first Cell E is blinking red blue red blue... and then Cell H is blinking red blue red......

But only Cell H is blinking.

What is to change?

it seems that it only run for i = selectCell=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

Here is an updated example.

 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

I am creating a dynamic table using javascript Array. In the array, zw are the indices of the cells which should blink. I have tried a lot but only the first cell is blinking. Here is my 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]);
       }
    }
 }