使用 JQuery 从目录中为我的游戏随机获取 8 张图像

Question

我已经使用一组图像开发了一个记忆游戏，JS并且PHP一切正常。现在我想扩展这项工作并从游戏目录中获取图像。JS代码：for (i = 0; i < buttons.length; i++) {    buttons[i].addEventListener('click', function (e) {        var turnable = e.target.dataset.turnable;        //first click        if (!wait && lastKnownButtonId == undefined && lastKnownButtonNumber == undefined && turnable == 'true') {            e.target.dataset.turnable = 'false';            e.target.innerHTML = getgImage(event.target.dataset.number);            e.target.style.backgroundColor = 'yellow';            lastKnownButtonId = e.target.id;            lastKnownButtonNumber = e.target.dataset.number;        }        //second click        else if (!wait && lastKnownButtonId != undefined && lastKnownButtonNumber != undefined && turnable == 'true' && e.target.id != lastKnownButtonId) {            e.target.dataset.turnable = 'false';            e.target.innerHTML = getgImage(event.target.dataset.number);            //match            if (e.target.dataset.number == lastKnownButtonNumber) {                e.target.style.backgroundColor = '#00FF7F';                document.getElementById(lastKnownButtonId).style.backgroundColor = '#00FF7F';                lastKnownButtonId = undefined;                lastKnownButtonNumber = undefined;                matches++;                if (matches == 8) {                    showWinScreen();                    //clearTimeout(timeoutHandle);                    document.getElementById("finalMove").innerHTML = moves;                }            }            moveCounter();        }    });} }所以在上面的代码中，我在 switch 案例中使用了一组图像。现在我想使用名为 "resources" 的目录中的随机 8 张图像。是否可以使用Jquery从目录中获取随机 8 张图像？我不知道如何进行

Answer 1

这应该可以帮助您：

arrayOfImages[Math.floor(Math.random()*arrayOfImages.length)];

Answer 2

那么，它们是否被命名为fashion1, fashion2, .....fashion8如果是这样，您可以这样做：

'<img src="resources/fashion' + (Math.floor(Math.random() * 8) + 1) + '.jpg">'

这会给你一个随机的图像。但如果不是，则在您的客户端代码预先知道所有名称（如注释中的名称）之前，这是不可能的