如何随机选择一张图片？答案

【问题标题】：How to have a picture randomly get chosen?如何随机选择一张图片？
【发布时间】：2017-11-14 15:59:13
【问题描述】：

我有 4 张图片，我希望他们做的是其中一张随机出现，而其他的则不出现。如何做到这一点？

【问题讨论】：

使用 Math.random() javascript 函数在 Div 上显示图像
嗨，凯文，到目前为止，您尝试过什么？你如何生成这个 HTML？
你需要javascript，这个在stackoverflow.com/questions/19693256/…987654321@之前已经问过很多次了
@reto OP 可能不是 Kevin，但可能是 Kevin Best 的杀手 ;-)
@kevinbestkiller 不，不要去谋杀一个好名声！（爸爸繁荣好的，我会停在那里）

标签： html

【解决方案1】：

window.onload = choosePic;
var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg");
function choosePic() {
 var randomNum = Math.floor(Math.random() * myPix.length);
 document.getElementById("myPicture").src = myPix[randomNum];}

显示随机图像：

var myPix = new Array("images/lion.jpg", "images/tiger.jpg", "images/bear.jpg");

这里我们构建了一个包含三个图像的数组，并将其填充到变量 myPix 中。

var randomNum = Math.floor(Math.random() * myPix.length);

名为 randomNum 的变量获取最好从内向外读取的数学表达式的值。 Math.random 生成一个介于 0 和 1 之间的随机数，然后乘以 myPix.length，即数组中的项目数（在本例中为 3）。 Math.floor 将结果向下舍入为整数，这意味着该数字必须介于 0 和 2 之间。

document.getElementById("myPicture").src = myPix[randomNum];

这表示图片myPicture的来源是基于数组myPix设置的，此时的值取决于randomNum的值。

【讨论】：