检查表格是否具有一定的颜色

表的单元格在短时间内获得红色。通过随机数选择单元格。

当单元格有红色时，用户应单击单元格。

如果他在单元格仍然红色时单击单元格，那么他会得到一个点。

这就是想法。但这不起作用。当我单击单元格时，什么都没有发生。

<!DOCTYPE html>
<html>
<head>
   <style>
      td{font-size:40px; padding:4px 10px;}
   </style>
   <script>    
      var blinkColors = new Array('red' );
      var zw= new Array();
      var blinkColor = 0;
      var iterator = 0;
      var hit=0;
       for (var i = 0 ;i<10;i++){
          zw[i]=Math.floor((Math.random() *8) + 1);
       }
       var myBlink = setInterval(function() {
         doBlink();
       }, 400);
       function doBlink() {    
          var blinkCell = document.getElementById('blinker' +zw[iterator] );    
          blinkCell.style.backgroundColor = blinkColors[blinkColor];
          blinkColor++;   
          if (blinkColor == blinkColors.length+1) {
             blinkColor = 0;
             blinkCell.style.backgroundColor = "transparent";
             iterator++;
             if (iterator == zw.length) {
             alert("You hit. " + hit);
             clearInterval(myBlink);
          } else {
            doBlink(zw[iterator]);
          }    
      }
      function hitColor(blink){
         if (document.getElementById('blink').style.backgroundColor=="red")
         hit++;
     }    
</script>
</head>
<body>   
   <table border="1">
    <tr>
      <td id="blinker0"onclick="melden(blinker6")> A </td><td id="blinker1"> B </td><td id = "blinker2"> C </td>
   </tr>
   <tr>
     <td id="blinker3"onclick="melden(blinker6")> D </td><td id="blinker4"> E </td><td id = "blinker5"> F </td>
   </tr>
   <tr>
     <td id="blinker6" onclick="melden(blinker6)" > G </td><td id="blinker7"> H </td><td id = "blinker8"> I </td>
  </tr>    
 </table>
 <br>    
</body>
</html>

如果块从第一个块中取出：

  if (blinkColor == blinkColors.length+1) {
    blinkColor = 0;
    blinkCell.style.backgroundColor = "transparent";
    iterator++;
  }
  if (iterator == zw.length) {
    alert("You hit. " + hit);
    clearInterval(myBlink);
  } else {
      doBlink(zw[iterator]);
  }

相关内容

最新更新

热门标签：