Hola a todos, el titulo es lo que realmente quiero conseguir, aunque lo voy a explicar un poco.
tengo que mostrar unos datos, estos datos han sido generados y recogidos con php, se los he pasado a un array en javascript, hasta ahí todo bien, los puedo mostrar dentro de un div, pero lo que quiero es mostrarlos con unos efectos en css, así que en el div y con un archivo .css consigo los efectos para el array, pero lo que hace es mostrar todo el array entero y le da el efecto, y lo que yo quiero es dar el efecto al primer elemento del array, una vez terminado el efecto, mostrar el segundo y darle el efecto, y así con todo el array.
He probado con la función setInterval y seTtimeout, pero nada, los muestra todos de golpe y realiza el efecto a todos juntos.
Para mostrar los datos recorro el array con un bucle for en javascript, y dentro del for he metido la funcion setTimeout pasandole el array y el indice del for, le he dado hasta 100000 milisegundos de retardo, pero salen todos de golpe.
Código Javascript
:
Ver original<div class="animated bounce">
<script>
function funciona( numero)
{
document.write(batalla[numero]+"\n");
}
for (i=0;i<batalla.length;i++)
{
setTimeout(funciona(i), 100000);
}
</script>
</div>
Se que el efecto es en css, y tengo una buena colección de efectos para css, pero lo dicho, lo que quiero es que a cada segundo me aparezca un elemento del array y con css le de el efecto.
gracias de antemano.