cuenta regresiva al hacer clic en button

kenproxd · #1 (**permalink**) 07/10/2012, 08:16

Hola,

bueno básicamente lo que quiero hacer es un botón el cual, al hacerle clic, empiece una cuenta regresiva la cual al finalizar envíe una alerta (reproduzca un sonido y/o haga que abra una ventanita con un pequeño texto).

Sinceramente no tengo la más remota idea de cómo puedo hacerlo ni si estoy en la sección correcta. Espero que puedan darme algunas ideas o consejos de cómo empezar.

Muchas gracias

flashmax · #2 (**permalink**) 07/10/2012, 08:39

Hola te dejo un ejemplo:

Código HTML:

<HTML>
<HEAD>
<TITLE> Cuenta regresiva en Javascript </TITLE>
</HEAD>

<BODY onLoad="ini();">

<script type="text/javascript">
var cuentaInicial = "10";
function fin() {
//window.location="http://miweb.com"; <!--si quieres que redireccione a una web quita las // -->
alert ("Mensaje.");  <!--mensaje de la ventana alerta-->
}

function unoMenos() {
with (
document.forms["cuenta"]["regresiva"]) value = 'cuenta atras '+cuentaInicial+' segundos.';
if (
cuentaInicial-- > 0
)
setTimeout("unoMenos()", 1000);
else fin();
}
function ini() {
with (
document.forms["cuenta"]["regresiva"]) value = 'cuenta atras '+cuentaInicial--+' segundos.';
setTimeout("unoMenos()", 1000);
}
</script>
<form name="cuenta" action="" >
<input name="regresiva" type="text" size=55" readonly style=border:0px;>
</form>
</BODY>
</HTML>

kenproxd · #3 (**permalink**) 07/10/2012, 09:28

muchas gracias! intentaré adaptarlo a lo que necesito.