Ocultar y mostrar div despues de ciertos segundos ayuda

  • Autor Autor Adan Najera
  • Fecha de inicio Fecha de inicio
Adan Najera

Adan Najera

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
Hola amigos de forobeta...
ando batallando con la creacion de un script... la verdad no se nada de esto, y pues ando buscando en internet para lograr conseguirlo funcionar pero pues no lo logro...
Es un script muy sencillo:
lo que quiero hacer es lo que esta en negritas.... lo otro supongo que esta bien es para mostrar y ocultar 3 divs....

Insertar CODE, HTML o PHP: 
<script type="text/javascript">
  function miFuncion() {
    document.getElementById('primero').style.display = 'block';
    [B][SIZE=5]Esperar 3 segundos y realiza lo que sigue[/SIZE][/B]
    document.getElementById('primero').style.display = 'none';
    document.getElementById('segundo').style.display = 'block';
    [B][SIZE=5]esperar 3 segundos y realiza lo que sigue[/SIZE][/B]
    document.getElementById('segundo').style.display = 'none';
    document.getElementById('final').style.display = 'block';
  }
</script>

<span class="myButton" onclick="miFuncion()">Comenzar</span>

Eso es todo amigos espero me puedan ayudar y gracias por adelantado xD
Saludos
 
separalo en 3 funciones:

Insertar CODE, HTML o PHP: 
<script type="text/javascript">
  function miFuncion() {
    document.getElementById('primero').style.display = 'block';

   //llamas a la funcion 2 luego de 3 segundos
    setTimeout(mifuncion2,3000);
  }

function mifuncion2(){
    document.getElementById('primero').style.display = 'none';
    document.getElementById('segundo').style.display = 'block';

//llamas a la funcion 3 luego de 3 segundos
    setTimeout(mifuncion3,3000);
}

function mifuncion3(){
    document.getElementById('segundo').style.display = 'none';
    document.getElementById('final').style.display = 'block';
}
</script>

no lo he probado, pero deberia funcionar
 
Muchas gracias [MENTION=20266]fabriccio[/MENTION] eres un PRO en la programacion... ha funcionado al 100%....
Ya pueden cerrar tema, la duda se ha resuelto xD Saludos 🙂
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba