Hay muchos formas de solucionarlos, una lógica y sencilla seria usar
SetInterval para que cada cierto tiempo cambie lo que se esta mostrando, el uso de Ajax puede no ser necesario, ya que cuando la página cargue todas las clases pueden ser guardadas en formato JSON o como tu lo quieras, si usas JSON un modelo podria ser así:
Código Javascript
:
Ver original[
{
"clase":"Quimica",
"maestro": "aguilaPHP",
"aula":"07/101",
...
},
{
"clase":"Matématicas",
"maestro": "aguilaPHP",
"aula":"08/101",
...
}
...
]
Si te fijas es un
Array, por lo tanto puedes crear una función que tome un rango de 10 clases cada 10 seg.
Código Javascript
:
Ver originalwindow.current = 0; // Para definir el rango.
function cambiarScreen(){
//suponiendo que el JSON de arriba se llama clases
if (current > clases.length) {
current = 0; // reset el contador
}
var toShow = clases.slice(current, current+10);
current += 10; // Actualizar el siguiente grupo de clases
toShow.forEach(function(clase){
// Renderizar en una template como mustache, jQuery tmpl u otra
});
}
setInterval(function(){
cambiarScreen();
}, 10000); // cada 10 segundos
Si quieres más información de como
Slice funciona mira:
https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/slice