Hola compañeros,
necesito mostrar una cuenta atrás de 5 segundos tras una validación, la cuenta atras la hago con js con un script que encontré lo que pasa es que es algo antiguo y ademas usa un input para mostrar los segundos restantes, este input esta dentro de un formulario y esteticamente queda muy feo. Este es el codigo.
Código HTML:
<p class="mensaje-correcto">¡Se ha autentificado correctamente!</p>
<p>Será llevado al panel de administración en <form name="redirect"><input type="text" size="3" name="redirect2"></form></p>
<script type="text/javascript">
<!--
//cambia los segundos que quieres que dure la cuenta atrás
var countdownfrom = 5;
var currentsecond = document.redirect.redirect2.value = countdownfrom + 1;
function countredirect() {
if(currentsecond != 1) {
currentsecond -= 1;
document.redirect.redirect2.value = currentsecond;
}
setTimeout("countredirect()", 1000);
}
countredirect();
//-->
</script>
<meta http-equiv="refresh" content="5; url=validar.php"> Intente acceder al input directamente sacandalo del form y llamadnolo con document pero no funcionaba y en el arbol dom de la pagina está ubicado despues del body.
Lo ideal sería que se mostrará los segundos dentro de un span por ejemplo, algo así:
Código HTML:
<p class="mensaje-correcto">¡Se ha autentificado correctamente!</p>
<p>Será llevado al panel de administración en <span name="redirect"></span></p> Como mostrar el contenido dentro de un span?
Un saludo ;)