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?