0

Eu tenho uma atualização de múltiplas imagens usando Jquery:

window.onload = function() {
    setInterval(function(){

        $( ".image" ).each(function( index ) {

            base_url = $(this).attr('src').split('?rand=')[0];
            address = base_url + '?rand=' + Math.random();
            $(this).attr("src", address);

        });

    },10000);

}; 

Estou tentando otimizá-la:

function update(){
    setInterval(function() {
        $(".cameragrid_").find("img").each(function(index) {
            d = new Date();
            var src = $(this)[0].src;
            var state = $(this).context.readyState;
            if(state == 'complete');{
                $(this).attr("src",src+d.getTime());
            }
        });
        console.log('click');
    }, 10000);
}


    $(window).ready(function(){
        $('.cameragrid_').hide();
    });

    $(window).load(function (){
        $('.cameragrid_').show();
        update();
    }
);

Queria diminuir o tempo de 10 para 3 segundos, porém quando diminuo esse tempo, não atualizo todas as imagens, meu algoritmo para e o restante não é atualizado. .

Existe alguma forma de otimizá-lo para que execute dentro de 3 segundos?

1 Resposta 1

1

Eu terminei dessa forma:

setInterval(function(){

                $( ".image" ).each(function( index ) {

                    var img = new Image();
                    img.src = $(this).attr('src');

                    console.log(img.complete);

                    if(img.complete){

                    console.log($(this).attr('src') + ' - done!');

                    base_url = $(this).attr('src').split('?rand=')[0];
                    address = base_url + '?rand=' + Math.random();
                    $(this).attr("src", address);

                    }

                });

            },500);

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .