如何使用Math.random（）將三張圖片分配到三個img元素中？

Question

我有3張圖片。 1.jpg，2.jpg，3.jpg。我想隨機將它們分配到三個img元素中（在窗口刷新時，三個圖像的位置將會改變）。
如何在這裏使用Math.random()？謝謝。

<img src='' id='img1' /> 
<img src='' id='img2' /> 
<img src='' id='img3' /> 

Answer 1

有六種不同的方式可以將圖像放入標籤中。隨機選擇其中之一：

var index = Math.floor(Math.random()*6); 
var ids = [[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]][index]; 
document.getElementById('img'+ids[0]).src = '1.jpg'; 
document.getElementById('img'+ids[1]).src = '2.jpg'; 
document.getElementById('img'+ids[2]).src = '3.jpg'; 

Answer 2

Math.floor(Math.random()*3)+1; 

但是分佈將是不均勻的。

Answer 3

您可以隨機播放您創建一個數組：

var arr = ["1.jpg", "2.jpg", "3.jpg"]; 
arr.sort(function() {return 0.5 - Math.random()}); 

Some people prefer other ways of shuffling，但互換方法將努力確保您在所得數組中得到的所有元素的只有一次。