html随机抽取图片,不重复抽取怎么实现

html-css014

html随机抽取图片,不重复抽取怎么实现,第1张

这个很简单

做一个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