Hola amigos,
Tengo una página que requiere refrescar constantemente cierta información, para lo cual uso setInterval y AJAX, pero tengo una duda en cuanto si ésta es la mejor manera de hacerlo.
La ZONA1 (por ponerle algún nombre) son marcadores de partidos de la NFL, y quiero refrescar esos marcadores cada 30 segundos... y por otro lado está la ZONA2 donde hay una especie de chat que los usuarios van dejando mensajes, y eso lo quiero refrescar cada 5 segundos.
El código que uso es algo más o menos así:
Código:
...
...
var iteration = 0;
var counter = setInterval(function() {
iteration++;
// cada 5 segundos actualizo ZONA2
if (iteration % 5 == 0) {
$.ajax({ type: "POST", url: "view.php", data: { ... }, ... }).done(
function(res) {
// aquí actualizo el chat con los valores leídos
}
);
}
// cada 30 segundos actualizo ZONA1
if (iteration == 30) {
$.ajax({ type: "POST", url: "view.php", data: { ... }, ... }).done(
function(res) {
// aquí actualizo los marcadores NFL
}
);
iteration = 0;
}
}, 1000);
...
...
Yo creería que esto es mejor que usar dos setInterval, uno cada 5 y el otro cada 30 segundos... o estoy en un error?
Saludos y gracias por el apoyo,
Silver