Contagem Regressiva para ativar botão

jeffvv · 12/06/2015

Buenas betas, quisiera saber como puedo hacer para añadir una cuenta regresiva antes de que se active el boton.

Por ejemplo que diga en el boton Espera 5, Espera 4, Espera 3, Espera 2, Espera 1, y recien se activa la opción Enviar.

Alguien sabe como puedo hacer eso con JavaScript u otro modo?

Gracias de antemano.

Cicklow · 13/06/2015

Aca tenes el code: http://forobeta.com/tutoriales/120499-crear-acortador-de-url-php-y-mysql-parte-2-a.html :encouragement:

kanikase · 13/06/2015

Inserir CODE, HTML ou PHP:

<input type="button" id="boton" value="Espere 5" disabled>
<script type="text/javascript">
window.onload = function(){
var intervalo;
var boton = document.getElementById('boton');
var segundos = 5;
var cuenta = function(){
if(segundos > 0) {
segundos--;
boton.value = 'Espere '+segundos;
intervalo = setInterval(cuenta, 1000);
} else {
clearInterval(intervalo);
boton.value = 'Enviar';
boton.disabled = false;
}
}
cuenta();
}
</script>

Creo que eso funcionaría.

juancho259 · 13/06/2015

cicklow disse:
Aca tenes el code: http://forobeta.com/tutoriales/120499-crear-acortador-de-url-php-y-mysql-parte-2-a.html :encouragement:

eres un maestro, tu debes trabajar en la nasa

jeffvv · 13/06/2015

kanikase disse:

Inserir CODE, HTML ou PHP:

<input type="button" id="boton" value="Espere 5" disabled>
<script type="text/javascript">
window.onload = function(){
var intervalo;
var boton = document.getElementById('boton');
var segundos = 5;
var cuenta = function(){
if(segundos > 0) {
segundos--;
boton.value = 'Espere '+segundos;
intervalo = setInterval(cuenta, 1000);
} else {
clearInterval(intervalo);
boton.value = 'Enviar';
boton.disabled = false;
}
}
cuenta();
}
</script>

Creo que eso funcionaría.

Gracias a todos los que respondieron, pero este me sirvio perfecto para lo que queria.

Gracias [MENTION=81006]kanikase[/MENTION]

Contagem Regressiva para ativar botão

jeffvv

Cicklow

kanikase

juancho259

jeffvv

Tópicos similares