De antemano, una disculpa por proporcionarte un código inservible. Utiliza mejor éste pero sigue las instrucciones que te pongo luego:
Código HTML:
Ver original<script language="JavaScript"> <!--
var time = null
function move() {
window.location = 'nueva_pagina.ext'
}
//-->
<body onload="timer=setTimeout('move()',10000)">
Mira, básicamente, lo que hace este código es redireccionar tu página a otra después de 10 segundos. El cual creo yo que es tiempo suficiente para que se haya cargado tu animación. Si quieres incrementar/decrementar este valor, modifica la línea que dice <body onload="timer=setTimeout('move()',10000)"> y cambia el 10000 por 20000 para 20 segundos o 5000 para 5 segundos y así.
¿Por qué redireccionar a otra página?
Si el problema que me comentas se soluciona realmente recargando la página, entonces bastará con que el código te mande a otra que tenga exactamente lo mismo que la primera pero ya sin el código anterior. Me explico: cuando tú descargas una página de internet, todos los archivos de esa página se almacenan temporalmente en el equipo para que se puedan visualizar. Si te manda a una nueva página con el mismo contenido, éste se debería ver correctamente.
¿Y por qué me redirecciona a otr página y no a esta misma?
Porque desafortunadamente, este código tiene una falla. Si te redirecciona a esta misma página (que técnicamente eso sería recargarla (refresh)) la va a seguir recargando una y otra vez eternamente; y no creo que sea eso lo que quieres.
Yo espero que este código te sirva y recuerda sólo sustituir 'nueva_pagina.ext' en la línea window.location = 'nueva_pagina.ext' con la página nueva a la que te redireccionará. No olvides que debe cargar los mismos elementos que la primera con excepción de que ya no aplicarás en ésta este código para que ya no haya necesidad de que te redireccione a algún otro lado.
Espero haber podido ayudarte.
Por cierto, me llamo Antonio.
Saludos.