Mostrar texto dentro de span

[erxaca]

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 ;)

[IsaBelM]

un span, p, div, etc... no tienen value. has de usar innerHTML

document.redirect.redirect2.innerHTML = countdownfrom;

document.redirect.redirect2.innerHTML = currentsecond;

[erxaca]

T erefieres así:

<p class="mensaje-correcto">¡Se ha autentificado correctamente!</p>
<p>Será llevado al panel de administración en <form name="redirect"><span name="redirect2"></span></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.innerHTML = countdownfrom + 1;
function countredirect() {
if(currentsecond != 1) {
currentsecond -= 1;
document.redirect.redirect2.innerHTML = currentsecond;
}
setTimeout("countredirect()", 1000);
}
countredirect();
//-->
</script>
<meta http-equiv="refresh" content="5; url=validar.php">

Si es así no funciona XD, lo ideal seria acceder directamente al span sin pasar por el formulario (obvio que habria que eliminarlo del html):

document.redirect.innerHTML

[IsaBelM]

así

document.getElementById('redirect').innerHTML = countdownfrom;

document.getElementById('redirect').innerHTM = currentsecond;

asignale al div una id "redirect"

[erxaca]

Iniciado por IsaBelM

así

asignale al div una id "redirect"

Gracias ;)

dejo el codigo por si le sirve a alguien. Hace una cuenta atrás y luego redirige:

<p>¡Se ha autentificado correctamente!</p>
<p>Será llevado al panel de administración en <span id="redirect"></span></p>
<script type="text/javascript">
<!--
//cambia los segundos que quieres que dure la cuenta atrás
var countdownfrom = 5;
var currentsecond = document.getElementById('redirect').innerHTML = countdownfrom + 1;
function countredirect() {
if(currentsecond != 1) {
currentsecond -= 1;
document.getElementById('redirect').innerHTML = currentsecond;
}
setTimeout("countredirect()", 1000);
}
countredirect();
//-->
</script>
//CAmbia aquí la pagina y los segundos para la redirección
<meta http-equiv="refresh" content="5; url=validar.php">

Saludos