como crear un contador con cuenta atras

jhonydeep · #1 (**permalink**) 26/08/2008, 11:09

necesito crear un contador con cuenta atras, que codigo uso

David · #2 (**permalink**) 26/08/2008, 12:45

Mira este ejemplo sencillo:

Código PHP:

  <html>
<head>
<script language="javascript">
cuenta = 5;
function cuentaatras() {
document.getElementById('contador').value = cuenta + " seg.";
if (cuenta > 0) {
setTimeout("cuentaatras()", 1000);
} else {
alert("Cuenta atrás terminada");
}
cuenta = cuenta - 1
}
</script>
</head>
<body onload="cuentaatras()">
<input type="button" id="contador" value="5 seg." />
</body>
</html>

jhonydeep · #3 (**permalink**) 27/08/2008, 01:43

aaa y el boton se puede bloquear hasta que no pase ese tiempo? y dodne pongo el enlace?

David · #4 (**permalink**) 27/08/2008, 09:59

Claro que sí, solo coloca el botón a disabled, si te fijas, puse un alert para cuando la cuenta atrás termine, reemplaza ese alert por el código que quieras, por ejemplo, el código para habilitar el botón.

jhonydeep · #5 (**permalink**) 27/08/2008, 12:27

y como hago eso?puedes hacerlo tu?

David · #6 (**permalink**) 28/08/2008, 06:39

Código PHP:

  <html>
<head>
<script language="javascript">
cuenta = 5;
function cuentaatras() {
document.getElementById('contador').value = cuenta + " seg.";
if (cuenta > 0) {
setTimeout("cuentaatras()", 1000);
} else {
document.getElementById('contador').disabled = false;
}
cuenta = cuenta - 1
}
</script>
</head>
<body onload="cuentaatras()">
<input type="button" id="contador" value="5 seg." disabled />
</body>
</html>

jhonydeep · #7 (**permalink**) 28/08/2008, 12:30

y donde añado el enlace?

David · #8 (**permalink**) 28/08/2008, 12:32

Solo agrega en el onclick la acción que quieres que haga.

O si es un botón submit solo cambia el type.

jhonydeep · #9 (**permalink**) 28/08/2008, 12:38

como?

Código PHP:

  <html> 
<head> 
<script language="javascript"> 
cuenta = 5; 
function cuentaatras() { 
document.getElementById('contador').value = cuenta + " seg."; 
if (cuenta > 0) { 
setTimeout("cuentaatras()", 1000); 
} else { 
document.getElementById('contador').disabled = false; 
} 
cuenta = cuenta - 1 
} 
</script> 
</head> 
<body onload="cuentaatras()"> 
<input =www.web.com" id="contador" value="5 seg." disabled /> 
</body> 
</html>

:S

David · #10 (**permalink**) 28/08/2008, 12:51

Bueno, sería más o menos así:

Código PHP:

  <input type="button" onclick="window.location='www.web.com'" id="contador" value="5 seg." disabled />

Se trata de que investigues un poco, mira que he hecho casi todo (para no decir todo) el código por ti.

No te vendría mal leer un buen manual de HTML, aprenderás mucho

.

jhonydeep · #11 (**permalink**) 28/08/2008, 12:53

ya xd sorry, eske estoy aprendiendo y no se como va ahora ya se

saraber · #12 (**permalink**) 22/03/2011, 15:47

Lo he probado y va genial, y si quisieras poner que hiciera la cuenta atrás desde una variable ".$fila["fecha"]." que tuvieras en el mySQL???

santi2892009 · #13 (**permalink**) 12/05/2012, 19:30

OLaa me podrias explicar como poner la cuenta atras en horas un ejemplo y en dias.
m explico:x ejemplo;
cuenta atras de:1dia 23horas y 34minutos
cuenta atras de;24horas
te lo agradezco mucho es una duda que estoy buscando desde hace muxo y no consigo aclararme como hacerlo