如何根据游戏数量显示 div

Question

我有一个问题，但我无法解决。你能帮我吗？所以我的 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 表示玩过的游戏数量。

if i = 10,30,50,70,90.... 显示 div1.

如果 i = 20,40,60,80,100.... 显示 div2。

我是 .js 的新手，我不知道如何实现这一点。请帮助我!!!!

提前致谢。

Answer 1

使用 style 而不是 class 并使用 % 作为 if 条件。此外，i 应设置为 globally 而不是 locally。

   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');  
        }
     }

Answer 2

查看内联评论：

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
    }
}

Answer 3

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();
    }
}

如何根据游戏数量显示 div

How to show a div depending on the numbers of games

javascript

php

jquery

jquery-ui

php-5.3