您的位置:首页 > Web前端 > JavaScript

javascript实现随机显示图片

2016-11-09 10:42 435 查看
在上一篇博文中介绍了循环幻灯片的实现,这一片博文介绍一下随机图像的显示,废话不多说,线上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 函数