[Duda] - Boton cuenta atrás y descargar

vincule · #1 (**permalink**) 11/07/2012, 11:05

Soy novato en el campo del PHP y estaba buscando gente que me pueda ayudar en lo siguiente:

Estoy buscando un código PHP en donde cuando un usuario le de click a un boton, realize una cuenta atrás de 45 segundos y cuando llegue a 0 le redireccione a otra página.

**Actualizo**

Ya tengo el código:

Código:

<html>  
<head>  
<script type="text/javascript">  
var num=45;  
function contador() {  
  num--;  
  if(num==0) location='_dos.html';  
  document.getElementById('seg').innerHTML=num;  
}  
</script>  
</head>  
<body onload="setInterval('contador()',1000)">  
<p><button>Descarga comienza en <span id="seg">45</span> segundos</button></p>  
</form>  
</body>  
</html>

Ahora necesito saber como puedo hacer para que cuando llegue a 0 se quede en 0 no empieze a contar hacia abajo -1 -2 etc...

Y la opción de cuando le haga click al boton haga la funcion de contar los 45 segundos

¡Muchas Gracias sois una gran comunidad!

vincule · #2 (**permalink**) 11/07/2012, 11:46

Espero vuestras respuestas

Dradi7 · #3 (**permalink**) 11/07/2012, 11:52

aquí hay un ejemplo para que te guíes

http://javascript.espaciolatino.com/...arinterval.htm

vincule · #4 (**permalink**) 11/07/2012, 12:46

Losiento pero no entendi muy bien :S

Dradi7 · #5 (**permalink**) 11/07/2012, 13:37

mmm ok aplicando a tu codigo solo deberias hacerlo de la siguiente forma

Código Javascript:

Ver original<html>  
<head>  
<script type="text/javascript">  
 
 
var num=45;
var thread;
 
function contador() {  
  num--;  
  if(num==0) {
         location='_dos.html';
         clearInterval(thread);
  }
  document.getElementById('seg').innerHTML=num;  
}  
 
 
thread = setInterval("contador()", 1000);
 
</script>  
</head>  
<body>  
<p><button>Descarga comienza en <span id="seg">45</span> segundos</button></p>  
</form>  
</body>  
</html>

vincule · #6 (**permalink**) 11/07/2012, 13:44

Muchas gracias Dradi pero lo unico que necesito esque no empieze a contar directamente sino que le haya que dar click primero al boton para que empiezar a contar porfavor.

IsaBelM · #7 (**permalink**) 11/07/2012, 13:48

tanto te cuesta entender el código como para no poder cambiar el evento que invoca a la función??

vincule · #8 (**permalink**) 11/07/2012, 13:50

Cita:

Iniciado por IsaBelM

tanto te cuesta entender el código como para no poder cambiar el evento que invoca a la función??

Soy novato perdoname

Dradi7 · #9 (**permalink**) 11/07/2012, 13:56

pero solamente agregale el evento onclick en tu button y listo

vincule · #10 (**permalink**) 11/07/2012, 14:05

Claro pero esque hay varios tipos

Cita:

onClick="javascript: function('value');"
onClick="function('value');"
onClick="return function('value');"

onClick="javascript: function('value')"
onClick="function('value')"
onClick="return function('value')"

¿Cual deberia de poner?

Dradi7 · #11 (**permalink**) 11/07/2012, 14:12

Bueno a nivel practico cada uno tiene diferentes formar de usar yo ni nadie no recomendaría por ejemplo el uso de ningún evento javascript que se declare en el HTML ya que esto ensucia el código, pero para nivel didáctico te voy a explicar

primero todos los eventos javascript deben ir siempre con una funcion declarada en ellos es decir onclick = "namefunction()".

onClick="javascript: function('value')" el primero solo es util si no usas una función, ejemplo onClick="javascript: alert('probando');"
onClick="function('value')" el segundo es el mas adecuado, este es el que debes utilizar
onClick="return function('value')" este tercero solo cuando tu función va a retornar un valor pero mayormente se utiliza en otros eventos, en el evento click solo se utiliza cuando vas a evitar que se realiza el submit

vincule · #12 (**permalink**) 11/07/2012, 14:18

Cita:

<html>
<head>
<script type="text/javascript">
var num=45;
var thread;

function contador() {
num--;
if(num==0) {
location='http://dropgalaxy.com/upload/1/plata.rtf';
clearInterval(thread);
}
document.getElementById('seg').innerHTML=num;
}

thread = setInterval("contador()", 1000);

</script>
</head>
<body>
<p><button>Descarga comienza en <span id="seg" onClick="function('value')">45 </span> segundos</button></p>
</form>
</body>
</html>

Así es como quedó y no me funciona, sigue contando sin antes haberle dado click

Dradi7 · #13 (**permalink**) 11/07/2012, 14:25

jajaja solo puedo decirte que lo estas haciendo mal trata de entender el código primeramente, no todo se te va a resolver la idea ya esta hecha tienes que buscar tu la manera de como acomodar el codigo para que funcione al darle click, solo te voy a corregir el onclick que esta mal.

Si la funcion se llama contador porque estas llamando tu a function('value') lo correcto es onclick = "contador()"

vincule · #14 (**permalink**) 11/07/2012, 15:18

Pues aunque no te lo creas aun siguo sin revolver mi duda ya que no se donde poner la funcion y lo he puesto en todos lados pero no lo consigo -.-

Cita:

<form>
<button onclick = "contador()">Descarga comienza en <span id="seg">45 </span> segundos</button>
</form>

Y lo unico que proboca que cuando le hago click al boton le descuenta un segundo mas y no quiero eso