fadeIn（）元素在數組中，隨機（即不按順序），在不同的時間

Question

我寫了幾個句子，標籤內的所有「單詞」，都具有相同的類。我已經成功地填充了所有元素的數組。然而，所有這些都是在同一時間出現的，並且全部按順序順序排列（即，如果元素5是第一次印刷，則n + 1元素將總是大於5，依此類推）

也，在我的for循環中，如果我的for（var i = 0; i < numElements; i ++）..... 32是唯一元素的數量。我必須設置numElements WAY大於32. IE除非numElements> = 90，否則不會出現所有元素。爲什麼是這樣？

嘗試：

$(document).ready(function() { 
    var spanArray = []; 
    var spanLength, index; 
    /* Populate array with all elements of class .fadeIn */ 
    $(".fadeIn").each(function() { 
     spanArray.push(this); 
    }) 

    spanLength = (spanArray.length); 

    for(var i = 0; i < 33; i++) { 

     index = Math.floor(Math.random() * (spanArray.length)); 
      $(spanArray[index]).delay(400).fadeTo(500,1, function() { 
       $(spanArray).splice(index,1); 
    }); 
    } 
}); 

jsFiddle

基本上： 所有元素出現在同一時間 包含numElements不顯示除非 >>>包含numElements actualNumElements

EX的所有元素：working jsFiddle

Answer 1

我找到了所有想知道的答案！

$(document).ready(function() { 
$("#contact").click(function() { 

    $(".fadeIn").each(function() { 
     var word = this; 

     setTimeout(function() { 

      $(word).css("opacity","1"); 
     }, Math.random() * 3000) 

}); 

});