Javascript 在实现之后立即显示子元素 var firstMove=0； var pictures=['boar.jpg'、'lion.jpg'、'bones.jpg'、'eagle.jpg'、'wolf.jpg'、'boar.jpg'、'lion.jpg'、'bones.jpg'、'eagle.jpg'、'wolf.jpg'、'lion.jpg'、'eagle.jpg'、'wolf.jpg'] 图片排序 函数replyClick（已单击\u id） { //如果玩家已经抽到一张牌； 如果（第一步）{ var image=document.getElementById（单击了\u id）； image.innerHTML=“” var firstPicture=document.getElementById（firstMove）； if（image.innerHTML==firstPicture.innerHTML）{ firstMove=0； } 否则{ image.innerHTML=“”； firstPicture.innerHTML=“”； firstMove=0 } } //如果玩家没有抽到任何牌； 否则{ var image=document.getElementById（单击了\u id）； image.innerHTML=“” firstMove=clicked\u id } }

我试着创建一个简单的pexeso游戏，在这里你可以看到两张相同的图片

---

我的问题是如何更改此代码以在有人单击某个图像后立即显示该图像。因为我的脚本在内部条件后显示图像，但这对我来说太晚了。感谢您的回答比较数组元素

var firstMove = 0;
var pictures = ['boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg']
pictures.sort()
function replyClick(clicked_id)
{
  //if player already draw one card;
  if (firstMove){
    var image = document.getElementById(clicked_id);
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />'
    var firstPicture = document.getElementById(firstMove);
    if (image.innerHTML == firstPicture.innerHTML){
        firstMove=0;

    }
    else {
      image.innerHTML = "";
      firstPicture.innerHTML = "";
      firstMove=0
    }

  }
  // if player didnt draw any card;
  else {
    var image = document.getElementById(clicked_id);
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />'
    firstMove = clicked_id
  }
}


<div class="card" id="1" onclick="replyClick(this.id)"></div>
<div class="card" id="2" onclick="replyClick(this.id)"></div>

是一样的吗

pictures[clicked_id-1] == pictures[firstMove-1]

UPD
对于小延迟，请使用

setTimeout

image.innerHTML == firstPicture.innerHTML

//其他代码
函数replyClick（已单击\u id）{
如果（第一步）{
var imageSrc=pictures[单击了\u id-1]；
var prevImageSrc=pictures[firstMove-1]；
var image=document.getElementById（单击了\u id）；
image.innerHTML=“”
var firstPicture=document.getElementById（firstMove）；
if（imageSrc==prevImageSrc）{
firstMove=0；
}否则{
//代码将在1s延迟后运行
setTimeout（函数（）{
image.innerHTML=“”；
firstPicture.innerHTML=“”；
firstMove=0；
}，1000）；//延迟=1秒
}
}否则{
var image=document.getElementById（单击了\u id）；
image.innerHTML=“”
firstMove=clicked\u id
}
}

比较数组元素

var firstMove = 0;
var pictures = ['boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg','boar.jpg','lion.jpg','bones.jpg','eagle.jpg','wolf.jpg']
pictures.sort()
function replyClick(clicked_id)
{
  //if player already draw one card;
  if (firstMove){
    var image = document.getElementById(clicked_id);
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />'
    var firstPicture = document.getElementById(firstMove);
    if (image.innerHTML == firstPicture.innerHTML){
        firstMove=0;

    }
    else {
      image.innerHTML = "";
      firstPicture.innerHTML = "";
      firstMove=0
    }

  }
  // if player didnt draw any card;
  else {
    var image = document.getElementById(clicked_id);
    image.innerHTML = '<img src='+pictures[clicked_id-1]+' />'
    firstMove = clicked_id
  }
}


<div class="card" id="1" onclick="replyClick(this.id)"></div>
<div class="card" id="2" onclick="replyClick(this.id)"></div>

是一样的吗

pictures[clicked_id-1] == pictures[firstMove-1]

UPD
对于小延迟，请使用

setTimeout

image.innerHTML == firstPicture.innerHTML

//其他代码
函数replyClick（已单击\u id）{
如果（第一步）{
var imageSrc=pictures[单击了\u id-1]；
var prevImageSrc=pictures[firstMove-1]；
var image=document.getElementById（单击了\u id）；
image.innerHTML=“”
var firstPicture=document.getElementById（firstMove）；
if（imageSrc==prevImageSrc）{
firstMove=0；
}否则{
//代码将在1s延迟后运行
setTimeout（函数（）{
image.innerHTML=“”；
firstPicture.innerHTML=“”；
firstMove=0；
}，1000）；//延迟=1秒
}
}否则{
var image=document.getElementById（单击了\u id）；
image.innerHTML=“”
firstMove=clicked\u id
}
}

我无法比较单击的\u id==firstMove，因为有不同的数字。firstMove是数字第一张图片，当这个数字与0不同时，使用第二个单击的\u id设置条件。感谢更新条件。但它仍然没有解决我的问题。我想在执行此部分之前显示此图片几秒钟，否则{image.innerHTML=“”；firstPicture.innerHTML=“”；firstMove=0}我无法比较单击的\u id==firstMove，因为有不同的数字。firstMove是数字第一张图片，当这个数字与0不同时，使用第二个单击的\u id设置条件。感谢更新条件。但它仍然没有解决我的问题。我想在执行此部分之前将此图片显示几秒钟，否则{image.innerHTML=“”；firstPicture.innerHTML=“”；firstMove=0}那么

id

是数组中的索引吗？那么

id

是数组中的索引吗？