Question

我写了几个句子，标签内的所有“单词”，都是同一个类。我已设法用所有元素填充数组。但是，所有都出现在同一时间，并按顺序排列在段落中（即，如果元素5是第一个打印，n + 1元素将始终大于5，依此类推）

另外，在我的for循环中，如果我的for（var i = 0; i＆lt; numElements ; i ++）..... 32是唯一元素的数量。我必须设置大于32的numElements WAY。除非numElements＆gt; = 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＆gt;＆gt;＆gt; 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)

});

});

数组中的fadeIn（）元素，在不同时间随机（即不按顺序）

1 个答案: