Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数组中的fadeIn()元素,在不同的时间随机(即,不按顺序)_Javascript_Jquery_Html_Css_Arrays - Fatal编程技术网

Javascript 数组中的fadeIn()元素,在不同的时间随机(即,不按顺序)

Javascript 数组中的fadeIn()元素,在不同的时间随机(即,不按顺序),javascript,jquery,html,css,arrays,Javascript,Jquery,Html,Css,Arrays,我写了几个句子,所有的单词都在标签里,都在同一个班级。我已经设法用所有元素填充了一个数组。但是,所有元素都同时出现,并且所有元素都按顺序向下排列,即,如果元素5是第一个打印的,则n+1元素将始终大于5,依此类推 另外,在我的for循环中,如果我的forvar i=0;i=90,否则不会显示所有元素。为什么会这样 尝试: $(document).ready(function() { var spanArray = []; var spanLength, index; /*

我写了几个句子,所有的单词都在标签里,都在同一个班级。我已经设法用所有元素填充了一个数组。但是,所有元素都同时出现,并且所有元素都按顺序向下排列,即,如果元素5是第一个打印的,则n+1元素将始终大于5,依此类推

另外,在我的for循环中,如果我的forvar i=0;i=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);
   });
    }
});
基本上: 所有元素同时出现 除非 数值>>>实际数值


例:

我为所有好奇的人找到了答案

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

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

        setTimeout(function() {

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

});

});

问题到底是什么?在小提琴中,它们不是同时出现的——或者这就是您想要用上面的代码实现的吗?