javascript实现随机显示图片

在上一篇博文中介绍了循环幻灯片的实现,这一片博文介绍一下随机图像的显示,废话不多说,线上js代码:

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

很显然,id:myPicture是HTML文件中img标签的id编号。
其实原理很简单,只需要选用Math对象生成一个随机数,再与图像数组对应即可实现。(Math.floor:求一个最接近该浮点数的整数,它的值小于或等于这个浮点数)。

你可能感兴趣的:(javascript实现随机显示图片)