Buenos días, les comento que realice una pagina que carga información en tiempo real (graficos highcharts) cada 25 segundos con jquery y la función setTimeout, este tipo slide debe de mantenerse rotando todo el dia, pero en el transcurso del dia me sale el siguiente error en google ghrome:
The following page(s) have become unresponsive. You can wait for them to become responsive or kill them.
Al parercer es el consumo de recursos del navegador.
Existe algo para liberar memoria o alguna solución o consejo.
A continuacion pongo la función del llamado:
Código PHP:
var count=1;//inicio de conteo
var tot_display=14;//fin de conteo 14
var timer = null; //detener slide
var startTimeout = new Date(); /* comparativo */
var timeLeft = 0; /* compaarativo */
var tiempo_mil=25000;
function load_data() {
$('#tiempo').stop().animate({opacity: 1,"width": "0%"},0);
if(count>tot_display)
{
count=1;
}
startTimeout = new Date();
$('#display').fadeOut('slow', function(){
var r = (-0.5)+(Math.random()*(1000.99));
$('#display').load('info.php?randval='+ Math.random()+'&id_display='+count+'&tokenid='+ (new Date()).getTime()+'&'+r+'', function(){
$('#tiempo').continuousAnimation(tiempo_mil);
$("#display").toggle("slide",null,800);
});
count++;//incremento
timer=setTimeout(load_data, tiempo_mil);
});
}
load_data();
Espero me puedan ayudar, saludos.