Mostrando entradas con la etiqueta cuenta atrás. Mostrar todas las entradas
Mostrando entradas con la etiqueta cuenta atrás. Mostrar todas las entradas

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>
Related Posts Plugin for WordPress, Blogger...