javascript - 随机淡入匹配集合的每个元素？

Question

我尝试淡入每个元素，以便它们随机出现，而不是 0,1,2,3...

我想生成一个随机数组，然后尝试像这样进行淡入淡出，但这显然行不通。谁能建议这样做的最佳方法？

我认为从随机数组中挑选是最好的，因为相同的索引号不能被选择两次？

我目前的尝试:

JS

var testArray = [3,2,6,4,0,1,5];
var $li = $('li').hide();


$li.each(function(i){

    var $this = $(this);

    $this.eq(testArray[i]).fadeIn(i*100);    

});​

JS fiddle :http://jsfiddle.net/YGC9f/2/

Answer 1

这将同时淡入所有 block :

var testArray = [3, 2, 6, 4, 0, 1, 5];
var $li = $('li').hide();

for (var i = 0; i < testArray.length; i++) {
    $li.eq(testArray[i]).fadeIn(i * 1000);
}​

演示: http://jsfiddle.net/YGC9f/3/

---

这将逐个淡出 block :

var testArray = [3, 2, 6, 4, 0, 1, 5];
var $li = $('li').hide();

for (var i = 0; i < testArray.length; i++) {
    (function(i) {
        setTimeout(function() {
            $li.eq(testArray[i]).fadeIn(1000);
        }, i * 1000);
    })(i);
}​

演示: http://jsfiddle.net/YGC9f/6/