gpt4 book ai didi

javascript - 随机生成图片

转载 作者:行者123 更新时间:2023-11-28 00:28:59 26 4
gpt4 key购买 nike

所以在我的HTML中,我有一个包含64个标签的表格,我想做的是让10个随机显示某个图片。这是我到目前为止所拥有的。我如何显示里面的图像? (仅限 JavaScript)。提前致谢。

<script type = "text/javascript">
var img = document.createElement("img");
img.src = "sweeperbomb.png";


function generateBombs()
{
constants = [1,2,3,4,5,6,7,8,9,]
numOfBombs = 0;
BOMB = 9;

while (numOfBombs != 10)
{
i = Math.floor(Math.random()*constants.length);

if (constants[i] != BOMB)
{
constants[i] = BOMB;
numOfBombs++;
}
}
}


</script>

最佳答案

这完全未经测试,但应该可以完成工作,祝你好运

function generateBombs()
{
var targetTable = document.getElementsByTagName('table')[0],
used = [],
bomb = 0,
x,
y;

while (bomb <= 9) {
y = Math.round(Math.random() * 7);
x = Math.round(Math.random() * 7);
if (used.indexOf(y + ':' + x) === -1) {
targetTable.getElementsByTagName('tr')[y]
.getElementsByTagName('td')[x]
.innerHTML = '<img src="bomb.png" />';
used.push(y + ':' + x);
bomb++;
}
}
}

generateBombs();

JSFiddle
http://jsfiddle.net/pfxpcoe0/

关于javascript - 随机生成图片<td>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29199824/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com