Canales populares

[Solucionado] parpadeo natural en js/jquery plugin

Hola gente


mi objetivo iba en hacer (usando jquery) que varios personajes de una pagina web parpadeen de forma natural


(cuando digo de forma natural me refiero a que casi no haya diferencias entre el parpadear de un personaje y el de una persona real.
vale decir, no es parpadear cada 2 segundos cronometrados como parpadean las personas reales
es de forma aleatoria y azarosa)

dicho esto, voy al problema

mi parpadeo "natural" creo haberlo logrado, con dos funciones y dos setTimeOut uno para el azaroso tiempo entre parpadeos o otro para la duracion del mismo. alternando las clases del elemento

aqui pueden ver un demo (ver codigo fuente) :

betsy parpadeando


function intervalo() {
    var min = 1;
    max = 7;
    // la formula is:
    return Math.floor(Math.random() * (max - min + 1)) + min;
    }

    function parpadeo() {
    var nuevaEspera = intervalo() * 1000;
    
    if (nuevaEspera == max * 1000) {
        var nuevaEspera = 300;
    };
    console.log('Nueva Espera: ' + nuevaEspera);
    jQuery('.blinkImage').addClass('blink')
    setTimeout(function(){
        jQuery('.blinkImage').removeClass('blink');
    },100);

    setTimeout(parpadeo, nuevaEspera);
    }
    
jQuery(document).ready(function(){
    parpadeo();
});


va todo lo bien que pude.

Entonces quise subir la apuesta, crear un plugin que permita que varios personajes parpadeen azarosamente a la vez.

y aqui esta el problema, se sincronizan.
no logro que dos elementos diferentes inicializados con el plugin que hice, parpadeen cada uno por su lado

o se sincronizan y parpadean al unisono,
o uno se estanca mientras el otro parpadea.

algo no cierra, es como si hubiera una calculadora sola y se la prestaran cuando uso setTimeout

revisen el codigo fuente o diganme si lo pego aqui para apreciarlo.

me dan una idea para solucionarlo?

Saludos y gracias por leer
0
0
0
0No hay comentarios