martes, 30 de agosto de 2011

Cuenta atrás en una página web (Javascript) para redirigir a otra página

Útil para mostrar un aviso durante unos segundos (por ejemplo, "Este mes finaliza el plazo para presentar la declaración de la renta") y luego cargar la "verdadera" página de inicio del sitio web.

Guardar el texto siguiente un un fichero con nombre "atras.htm"

<html>
<head> <title> Ejemplo de cuenta atrás </title> </head> 
<body> <h1>Ejemplo de cuenta atrás</h1>
<form name="redirect">
<h2>Vamos contando...
<span id="Segundos"></span> 
<input type="hidden" size="3" name="contador">
segundos restantes
</h2>
</form>

<script language="javascript">
var targetURL="atras.htm" //URL A LA QUE DIRIGIR. Redirige a sí misma
var cuentaAtras=10 //SEGUNDOS A CONTAR
var segundoActual = document.redirect.contador.value=cuentaAtras+1
function contarParaRedireccionar(){
	if (segundoActual!=1){
		segundoActual-=1
		var textoSegundos = document.getElementById("Segundos");
		textoSegundos.innerHTML =segundoActual
	} else {
		window.location=targetURL
		return
	}
	setTimeout("contarParaRedireccionar()",1000)
}
contarParaRedireccionar()
</script>

<p>Si no se le redirige automáticamente, pulse <a href="atras.htm">aquí</a></p>
</body>
</html>
en

3 comentarios:

  1. Anónimo29 de enero de 2014, 20:46

    Excelente! Gracias :)

    ResponderEliminar
  2. Layan91115 de marzo de 2014, 22:35

    Muchas Gracias, funciona!

    ResponderEliminar
  3. Anónimo17 de diciembre de 2018, 13:02

    el unico problema que le encuentro es que se reinicia al recargar la pagina, a mi me gustaria que no fuese asi...o la quiero para un evento que habra... por eso y es en 14 días para anunciarlo

    ResponderEliminar