Javascript幻灯片放映随机序列

时间:2017-11-29 08:07:33

标签: javascript image random sequence slideshow

我正在尝试在以下代码中使用“Math.random”函数,以便图像以随机顺序显示但我没有成功。未更改的幻灯片代码如下:

android:windowSoftInputMode="adjustResize"

    

如何使用此循环的Math.random函数(i = 0; i< slides.length; i ++)以随机顺序显示。感谢

1 个答案:

答案 0 :(得分:0)

您可以创建一个幻灯片ID数组并随机播放该数组。然后遍历数组。每张幻灯片只会以随机顺序显示一次。

function shuffleArray(arr) {
    arr.sort(() => (Math.random() - 0.5)
}

let ids = [0,1,2,3,4,5,6]
shuffleArray(ids)

for (let i = 0; i < ids.length; i++) {
   let s = ids[i]
   slides[s].style.display = "block"   //etc
}