0

tengo dos textos. Quiero que primero apareca uno, luego el otro y luego el primer texto... asi en bucle.

Logré que desaparezca el texto uno y aparezca el texto dos. Pero quiero que esto ocurra siempre asi. y logro que se ejecute solo una vez.

mi codigo es:

  <div class="content">mi sitio</div>
  <div class="content2" style="display:none;">Bienvenidos!</div>

      
   $(document).ready(function() {
setTimeout(function() {
            $(".content").fadeOut(1500);
        },2000);
     
        setTimeout(function() {
            $(".content2").fadeIn(1500);
        },4000);
        
        });
<div class="content">Mi sitio</div>
      <div class="content2" style="display:none;">Bienvenidos!</div>

1 respuesta 1

0

Puedes usar la funcion setInterval que ejecuta indefinidamente y cada cierto tiempo una funcion, pero para tener el control de cual variable se muestra necesitas una variable en un ambito a tu funcion que llame a setInterval.

var showingFirst = true;
$(document).ready(function() {
  setInterval(function() {
    paint()
  }, 6000);
});

function paint() {

  if (showingFirst) {
    setTimeout(function() {
      $(".content").fadeOut(1500);
      showingFirst = !showingFirst;
    }, 2000);

    setTimeout(function() {
      $(".content2").fadeIn(1500);
    }, 4000);
  } else {
    setTimeout(function() {
      $(".content2").fadeOut(1500);
      showingFirst = !showingFirst;
    }, 2000);

    setTimeout(function() {
      $(".content").fadeIn(1500);
    }, 4000);
  }

}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">Mi sitio</div>
<div class="content2" style="display:none;">Bienvenidos!</div>

2
  • Era eso!!! muchísimas gracias! me salvaste!!! Commented el 31 ago. 2022 a las 23:24
  • en dado caso te sugiero aceptar la respuesta dando click al boton a la izquierda con forma de una paloma Commented el 1 sept. 2022 a las 1:27

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.