在HTML里如何使图片随机显示

html-css031

在HTML里如何使图片随机显示,第1张

代码米有问题 可以执行 只是

<img src="scroll1.jpg" width="426" height="130" style="display:block" id="1"/>

改为

<img src="scroll1.jpg" width="426" height="130" style="display:none" id="1"/>

否则或显示2幅图

这个很简单

做一个array内含图片数量个位置

var arr = [false,false,false,false,false,false,false]

写一个函数reset，判断是否全部图片显示过一遍，是则重置，让图片重新显示一遍

function reset(){

var alltrue = true

for(var i=0i<arr.lengthi++){

if(!arr[i])alltrue = false

}

if(alltrue) arr = [false,false,false,false,false,false,false]

}

然后每次随机一个x0-6的数字x，判断arr[x] true则重新随机，false 则显示图片，更新arr[x]为true,检查reset重置

就可以了

1、你在声明 i 的时候，已经使用了 length，所以你 if 的时候不需要使用了，否则会出错

2、length 应该是针对内容的，而你是直接对某ID的对象获取

应该是 ID.value.length 或 ID.innerText.length

最后，随机数有产生 0 的情况，你实际得到的数字会是 0~3 这个区间

如果你不带 0 这个图片，那你需要增加一层判断，为 0 时 +1