Question

我有一个庞大的程序代码，我被卡住了。

我正在用4个文件进行游戏：html，css，javascript和jquery。这个游戏是关于尝试用不同的图像猜测世界上20个不同的国家。我已经陷入了这样的境地：我不知道我必须做什么，所以在游戏的每一个转弯中它都会在图片之间自动选择。此外，它只显示第一张图片，如果玩家点击按钮获取提示，则其他图片开始显示。

我有这样组织的所有图像： IMG / IMG / COUNTRYNAME / IMG / COUNTRYNAME / countryname01.jpg IMG / COUNTRYNAME / countryname02.jpg IMG / COUNTRYNAME / countryname03.jpg IMG / COUNTRYNAME / countryname04.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);
}

然后，您可以随机div追加img src，例如：

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

显然，您需要根据您的情境调整这些代码，但这就是方法。

随机选择html中foldersl之间的img

1 个答案: