Cómo agregar una cuenta regresiva a un botón en Bootstrap

trafalgarmeow · 10 Jul 2015

Hola, justo hace unos días puso alguien algo parecido pero para javascript y la verdad que yo estaba buscando ponerle una cuenta atrás a un botón en bootstrap. Para mi faucet :distant:

Just encontré esta faucet que tiene lo que quiero! D:
AnnaCoin
Su botón tiene la cuenta atrás y eso es lo que querría yo, no con el botón "cutre" de java :c

YeltsinReyes · 10 Jul 2015

[MENTION=116551]trafalgarmeow[/MENTION] Creo que este es el código! :encouragement:

HTML:

<input type="submit" id="claimbtn" value="" class="btn btn-lg btn-primary disabled" style=" ">
<script>
var secsLeft = 20;
setInterval(function(){
secsLeft--;
if(secsLeft > 0){
$('#claimbtn').val('Wait ' + secsLeft + 's');
} else if(secsLeft == 0){
$('#claimbtn').removeClass('disabled');
$('#claimbtn').val('Get a Reward');
$('#claimbtn').attr("onclick","usvsyuyas()");
}
}, 1000);
</script>

trafalgarmeow · 10 Jul 2015

YeltsinGraphs dijo:

[MENTION=116551]trafalgarmeow[/MENTION] Creo que este es el código! :encouragement:

HTML:

<input type="submit" id="claimbtn" value="" class="btn btn-lg btn-primary disabled" style=" ">
<script>
var secsLeft = 20;
setInterval(function(){
secsLeft--;
if(secsLeft > 0){
$('#claimbtn').val('Wait ' + secsLeft + 's');
} else if(secsLeft == 0){
$('#claimbtn').removeClass('disabled');
$('#claimbtn').val('Get a Reward');
$('#claimbtn').attr("onclick","usvsyuyas()");
}
}, 1000);
</script>

Bua!!, funciona perfecto! 🙂🙂🙂 Muchisimas gracias ya llevaba rato buscando! 😎😎

YeltsinReyes · 10 Jul 2015

trafalgarmeow dijo:
Bua!!, funciona perfecto! 🙂🙂🙂 Muchisimas gracias ya llevaba rato buscando! 😎😎

De nada man! :encouragement:

Cómo agregar una cuenta regresiva a un botón en Bootstrap

trafalgarmeow

YeltsinReyes

trafalgarmeow

YeltsinReyes

Temas similares