Hola bueno te cuento mi solución:
En el campo <body> haz lo siguiente:
<body onload="ini();>
Luego:
dentro del código de tu página o en el head incluye esto:
<script type="text/javascript">
var cuentaInicial = "10";
function fin() {
window.location="index.php";
alert ("Muchas gracias por esperar.");
}
function unoMenos() {
with (
document.forms["cuenta"]["regresiva"]) value =
'Será redireccionado a la página principal en '+cuentaInicial+' segundos.';
if (
cuentaInicial-- > 0
)
setTimeout("unoMenos()", 1000);
else fin();
}
function ini() {
with (
document.forms["cuenta"]["regresiva"]) value =
'Será redireccionado a la página principal en '+cuentaInicial--+' segundos.';
setTimeout("unoMenos()", 1000);
}
</script>
Si te fijas destaque dos partes del código en negrita estan son el texto que mostrará tu mensaje de la cuenta regresiva y donde dice '+cuentaInicial+' son los segundos que van cambiando.
Donde dice
var cuentaInicial = "10"; son los segundos que haran la cuenta regresiva y window.location="index.php"; será la dirección donde se redirigirá obviamente puede ser
www.tuweb.com.
luego de esto pones un form con un campo de texto de la siguiente manera:
<form name="cuenta" action="" >
<input name="regresiva" type="text" class="style22" size="50" readonly style="border:0px;">
</form>Muchas Gracias.
el Form debe llamarse "cuenta" y el campo debe llamarse "regresiva".
De tal modo que todo debería quedar de la siguiente manera:
<HTML>
<HEAD>
<TITLE> Cuenta regresiva en Javascript </TITLE>
</HEAD>
<BODY onLoad="ini();">
<script type="text/javascript">
var cuentaInicial = "10";
function fin() {
window.location="index.php";
alert ("Muchas gracias por esperar.");
}
function unoMenos() {
with (
document.forms["cuenta"]["regresiva"]) value = 'Será redireccionado a la página principal en '+cuentaInicial+' segundos.';
if (
cuentaInicial-- > 0
)
setTimeout("unoMenos()", 1000);
else fin();
}
function ini() {
with (
document.forms["cuenta"]["regresiva"]) value = 'Será redireccionado a la página principal en '+cuentaInicial--+' segundos.';
setTimeout("unoMenos()", 1000);
}
</script>
<form name="cuenta" action="" >
<input name="regresiva" type="text" size=55" readonly style="border:0px;">
</form>
</BODY>
</HTML>
Espero te sea de ayuda,
Saludos!
