2015-08-20 94 views
0

我目前有5個div,我通過循環遍歷一個for循環來逐個淡入,每個div都是針對每個div的。使int在循環中隨機計數?

目前這個工作,但褪色向下跟隨計數的模式了,我做

for(var i = 0; i < numContainers; i++) { 
//fades down div block_0 
//then div block_1 
//then div block_2 
//then div block_3 
//etc 
} 

如何通過迭代for循環和目標隨機的div,所以淡化下來犯規發生從左對?而是像:

for(var i = 0; i < numContainers; i++) { 
//fades down div block_2 
//then div block_4 
//then div block_1 
//then div block_3 
//= random order 
} 

這裏舉例:http://codepen.io/anon/pen/waLeLw

回答

2

你可以把陣列到陣列和shuffle它:

function shuffle(o){ 
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); 
    return o; 
} 

像這樣:Example