随机选择HTML中的文件夹之间的IMG

Question

我有一个巨大的代码，我被卡住了。

我正在使用4个文档进行游戏：HTML，CSS，JavaScript和JQuery。游戏是要试图以不同的图像猜测世界上20个不同的国家。我陷入了我不知道该怎么做的地步，因此每次游戏的每一回合都会自动选择图片。另外，它只需要显示第一张图片，如果玩家单击按钮以获取提示，则其他图片开始显示。

我由此组织了所有图像：img/IMG/乡下人/img/counturtname/counturtname01.jpgIMG/乡村名称/乡下02.JPGimg/乡村名称/乡下人03.JPGimg/counturnname/counturtname04.jpg

在我的html文档上，我创建了以下div：

<pre>
<div id="country">
    <div id="hint0">
        <!--choose randomly "img/countryname/countryname01.jpg"-->
    </div>
    <div id="hint1" class="hint" style="display: none">
        <!--choose randomly "img/countryname/countryname02.jpg"-->
    </div>
    <div id="pista2" class="pista" style="display: none">
        <!--choose randomly "img/countryname/countryname03.jpg"-->
    </div>
    <div id="pista3" class="pista" style="display: none">
        <!--choose randomly "img/countryname/countryname03.jpg"-->
    </div>
</div>
</pre>

Answer 1

首先，您可以使用此功能获取一个随机数(对于您的上下文获得1,4之间的数字(

function getRandomArbitrary(min, max) {
    return "0"+parseInt(Math.random() * (max - min) + min);
}

然后，您可以用随机src附加到div img，例如：

var src = "img/countryname/countryname"+getRandomArbitrary(1,4)+".jpg";
$("#pista3").append('<img id="theImg" src="'+src+'" />');

显然您需要将这些代码适应您的上下文，但这就是这样。