如何随机选择图片?

时间:2017-11-14 07:37:07

标签: html

我有4张照片,我希望他们做的是随机出现的其中一张,其他的则没有。怎么做?

1 个答案:

答案 0 :(得分:2)

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(&#34; images / lion.jpg&#34;,&#34; images / tiger.jpg&#34;,&#34; images / bear.jpg&#34;); < / p>

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

  

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

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

  

document.getElementById(&#34; myPicture&#34;)。src = myPix [randomNum];

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