Javascript 如何根据游戏数量显示div

我有个问题无法解决。你能帮我吗？ 因此，我的php代码：

$aTicketsGames = array(134, 137, 165, 136, 177, 181, 190);
$b_isRapidGame = false;
  if(in_array($i_jeu, $aTicketsGames)){
      $b_isRapidGame = true;
}

在.js中单击按钮后，我执行以下操作：

 if(obj.google_analytics.is_rapid_game == true){
    var i++;
    if(i == 10){
       document.getElementById('div1').setAttribute('class','display-block');
    }
    if(i==20){
       document.getElementById('div2').setAttribute('class','display-block');  
    }
 }

这个想法是：假设我有一个变量，表示游戏的数量

如果

i=10,30,50,70,90…

显示

div1

如果

i=20,40,60,80100…

显示

div2

我是.js的新手，我不知道如何实现它。请帮帮我

---

提前使用Thx。

使用

样式

而不是

类别

，并对

如果

情况使用

%

。另外，

i

应该设置为

全局

而不是

局部

   var i = 0;
   if(obj.google_analytics.is_rapid_game == true){
        i++;
        if(i % 20 == 10){
           document.getElementById('div1').setAttribute('style','display-block');
        }
        else if(i % 20 == 0 && i > 0){
           document.getElementById('div2').setAttribute('style','display-block');  
        }
     }

见内联评论：

var i = 0; // Define it out of `if`.

if (obj.google_analytics.is_rapid_game === true) {
    i++; // Increment by 1

    if (i && (i % 20) === 0) { // If divisible by 20
        $('#div2').show(); // Show `div2`

        // OR
        $('#div2').addClass('display-block'); // Add Class
    } else if (i && (i % 10) === 0) { // If divisible by 10
        $('#div1').hide(); // Hide `div1`

        // OR
        $('#div1').removeClass('display-block'); // Remove Class
    }
}

---

如果以这种方式声明“i”，它将始终等于1，否？表示它显示div1/10的次数是多少？0次。剩下的是什么？10.好吧，但如果我30岁怎么办？20到30能有多少次？一次。剩下的是什么（30-20）？哦，对不起，我误解了这个问题！

var i = 0;
if (obj.google_analytics.is_rapid_game === true) {
    i++;

    if ((i % 20) === 0) {
        $('#div2').show();**//or** $('#div2;).css('display','block');
        $('#div1').hide();**//or** $('#div1;).css('display','none');
    } else if ((i % 10) === 0) {
        $('#div1').show();
        $('#div2').hide();
    }
}