Skip to main content
se eliminaron 3 caracteres en el cuerpo
Origen Enlace

Tengo este código el cual añade una clase aleatoriamente cada milisegundo a un div aleatorio. Pero es un proceso muy lento. ¿Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez y no uno por uno?.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Tengo este código el cual añade una clase aleatoriamente cada milisegundo a un div aleatorio. Pero es un proceso muy lento. ¿Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez y no uno por uno?.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Tengo este código el cual añade una clase aleatoriamente cada milisegundo a un div aleatorio. Pero es un proceso muy lento. ¿Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez y no uno por uno?.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1);
});
cuerpo editado; título editado
Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

Ramdom Random addClass

Tengo este código el cual añade una clase aleatoriamente cada mili segundomilisegundo a un div aleatorio. Pero es un proceso muy lento. Hay¿Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez, y no uno por uno?.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Ramdom addClass

Tengo este código el cual añade una clase aleatoriamente cada mili segundo a un div aleatorio. Pero es un proceso muy lento. Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez, y no uno por uno.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Random addClass

Tengo este código el cual añade una clase aleatoriamente cada milisegundo a un div aleatorio. Pero es un proceso muy lento. ¿Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez y no uno por uno?.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});
se añadieron 27 caracteres en el cuerpo
Origen Enlace

Tengo este código el cual añade una clase aleatoriamente cada mili segundo a un div aleatorio. Pero es un proceso muy lento. Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez, y no uno por uno.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Tengo este código el cual añade una clase aleatoriamente cada mili segundo a un div aleatorio. Pero es un proceso muy lento. Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo y no uno por uno.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});

Tengo este código el cual añade una clase aleatoriamente cada mili segundo a un div aleatorio. Pero es un proceso muy lento. Hay alguna forma de que añada las clases aleatoriamente a varios divs al tiempo, digamos de a 10 cada vez, y no uno por uno.

$(document).ready(function () {
    var $divs = $("circle");
    var classes = ["animated fadeInRight", "animated fadeInLeft", "animated fadeInDown","animated fadeInUp","animated zoomInRight","animated zoomInLeft","animated zoomInDown","animated zoomInUp"];
    var interval = setInterval(function () {
        var $ds = $divs.not(".animated .fadeInLeft");
        $ds.eq(Math.floor(Math.random() * $ds.length)).addClass(classes[~~(Math.random()*classes.length)]);
        if ($ds.length == 1) {
            clearInterval(interval);
        }
    }, 1/1000);
});
Origen Enlace
Loading