I
intoroddex
Lambda
Hola, aqui dejo un nuevo tutorial de como ponerle un tiempo de espera a un boton.
Lo primero es poner el siguiente codigo en nuestra index.php , ante del </head>
Lo que vemos aqui son 2 script , uno que ara aparecer el boton , otro que sera muestra la cuenta regresiva..
Aqui vamos a poner los milesegundos que quieres que aparezca..
Yo hago el ejemplo en 13.000 milesegundos... = 13 segundos - osea que en 13 segundos aparecera , el boton!
ejemplo: en el codigo es esto marco en rojo
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".content21").fadeIn(1800);
},13000);
});
</script>
Y desaparecera el mensaje que quieres poner en 12.000 milesegundos = 12 segundos ..
cito parte donde esta lo que indico
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".desaparecer").fadeOut(1500);
},12000);
});
</script>
<script>
var segundos = 12;
Ahora hay que mostrarlo para esto solo necesitamos estos codigos.. Yo los pongo abajo de captcha, pero lo puedes poner donde decees siempre respetando , ante de </head>
En el anterior codigo vemos los llamados "Desaparecer" , "Regresiva" y "contador21"
Si nos fijamos en el codigo principal lo localizamos facil..
Esta parte :
<div class="desaparecer" id="regresiva" style="">Please wait 12 seconds... -> -while the page loads (Meanwhile review our sponsors)</div>
Desaparecera en el tiempo que le indicamos, regresiva ara la cuenta regresiva como fue indicado..
Y enta ultima:
<div class="desaparecer" id="contador21" style=""></div>
<div align="center" class="content21" style="display:none;">
<input type="submit" class="bg-bluech" style="" value="claim now">
</div>
Seria, despues de desaparecer , aparecera el boton, en el tiempo asignado..
Bueno eso es todo cortito como cola de cerdo xD! Cualquier cosita comenten..
Si no entendieron ni "J" les dejo un video 😀
Hasta la proxima!
Lo primero es poner el siguiente codigo en nuestra index.php , ante del </head>
PHP:
<script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".content21").fadeIn(1800);
},13000);
});
</script>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".desaparecer").fadeOut(1500);
},12000);
});
</script>
<script>
var segundos = 12;
function contar(){
if(segundos <= 0){
document.getElementById("regresiva").innerHTML = "Redirecting...";
//document.location = "/salir.php";
} else {
segundos--;
document.getElementById("regresiva").innerHTML = "Please wait " + segundos + " seconds... -> -while the page loads (Meanwhile review our sponsors)";
}
}
setInterval("contar()",1000);
</script>Lo que vemos aqui son 2 script , uno que ara aparecer el boton , otro que sera muestra la cuenta regresiva..
Aqui vamos a poner los milesegundos que quieres que aparezca..
Yo hago el ejemplo en 13.000 milesegundos... = 13 segundos - osea que en 13 segundos aparecera , el boton!
ejemplo: en el codigo es esto marco en rojo
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".content21").fadeIn(1800);
},13000);
});
</script>
Y desaparecera el mensaje que quieres poner en 12.000 milesegundos = 12 segundos ..
cito parte donde esta lo que indico
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$(".desaparecer").fadeOut(1500);
},12000);
});
</script>
<script>
var segundos = 12;
Ahora hay que mostrarlo para esto solo necesitamos estos codigos.. Yo los pongo abajo de captcha, pero lo puedes poner donde decees siempre respetando , ante de </head>
PHP:
<div class="desaparecer" id="regresiva" style="">Please wait 18 seconds... -> -while the page loads (Meanwhile review our sponsors)</div>
<div class="desaparecer" id="contador21" style=""></div>
<div align="center" class="content21" style="display:none;">
<input type="submit" class="bg-bluech" style="" value="claim now">
</div>En el anterior codigo vemos los llamados "Desaparecer" , "Regresiva" y "contador21"
Si nos fijamos en el codigo principal lo localizamos facil..
Esta parte :
<div class="desaparecer" id="regresiva" style="">Please wait 12 seconds... -> -while the page loads (Meanwhile review our sponsors)</div>
Desaparecera en el tiempo que le indicamos, regresiva ara la cuenta regresiva como fue indicado..
Y enta ultima:
<div class="desaparecer" id="contador21" style=""></div>
<div align="center" class="content21" style="display:none;">
<input type="submit" class="bg-bluech" style="" value="claim now">
</div>
Seria, despues de desaparecer , aparecera el boton, en el tiempo asignado..
Bueno eso es todo cortito como cola de cerdo xD! Cualquier cosita comenten..
Si no entendieron ni "J" les dejo un video 😀
[video=youtube;JZ8snW88_jY]https://www.youtube.com/watch?v=JZ8snW88_jY[/video]
Hasta la proxima!
Última edición: