0

我正在尝试运行一个脚本，该脚本将淡出所有随机选择的 div。

似乎总是让一对夫妇坐在最后。

http://jsfiddle.net/MQFFf/1/

JS

    function hideCube() {
    $('#group').show('slow');
    $('.pxl').each(function(index, element) {
        var sleepTime = Math.floor(Math.random() * 5000);
        var t = setTimeout(function() {
            var d = Math.floor(Math.random() * 5000);
            $(element).fadeTo(d, 0);
        }, sleepTime);
    });
}

$(function() {

    $('.pxl').each(function(index, element) {
        var sleepTime = Math.floor(Math.random() * 5000);
        var t = setTimeout(function() {
            var d = Math.floor(Math.random() * 1000);
            $(element).fadeTo(d, 0.99);
        }, sleepTime);
    });

    var h = setTimeout(hideCube, 3000);

});
4

5 回答 5

4

这要简单得多。

// return random integer, 0 <= n < ceiling
var randint = function ( ceiling ) {
    return Math.floor( Math.random() * ceiling );
};

$( '.pxl' ).delay( 5000 ).each(function () {
    $( this ).delay( randint(5000) ).fadeTo( randint(5000), 0 );
});

现场演示：http: //jsfiddle.net/MQFFf/31/

于 2012-07-03T12:22:45.900 回答
2

在这里，所有 DIV 都消失了：

var randint = function ( ceiling ) {
    return Math.floor( Math.random() * ceiling );
};

setTimeout(function () {
    $( '.pxl' ).each(function ( i, elem ) {
        setTimeout(function () {
            $( elem ).fadeTo( randint(5000), 0 );
        }, randint(5000) );
    });
}, 4000 );

现场演示：http: //jsfiddle.net/MQFFf/25/

于 2012-07-03T12:19:43.123 回答
1

改变这个：

$(element).fadeTo(d, 0.99);

到：

$(element).fadeTo(d, 0);

http://jsfiddle.net/MQFFf/12/

于 2012-07-03T12:10:33.327 回答
1

只需调用您的函数：http: //jsfiddle.net/MQFFf/8/

于 2012-07-03T12:11:13.203 回答
0

删除第二个$('pxl').each()循环似乎可以解决您的问题：http: //jsfiddle.net/MQFFf/4/

于 2012-07-03T12:09:28.023 回答