[SOLUCIONADO] Mostrar mensaje con funciones

[djboro88]

Hola a todos !!

A) Estoy buscando como hacer para mostrar un mensaje cada 10 segundos con fadeIn y cuando pasen los 10 segundos haga un fadeOut.

B) Además cuando pasen 30 segundos, repita el proceso (A)

Saludos y gracias !!

[NueveReinas]

¿Tienes algún código de pruebas? ¿Dónde está ese mensaje? ¿En un DIV con otras clases ya definidas? ¿En un texto?

Más datos, por favor.

[MaNuX0218]

Con setInterval() conseguirás lo que propones.

Saludos.

[NueveReinas]

Quizá esto te sirva.

http://jsfiddle.net/dq4tu34n/

Código HTML:

<div id="mensaje">
    <p>Hola, soy un mensaje de prueba</p>
</div>
 

Código Javascript:

//Iniciamos el primer "conteo"
 
setTimeout(
    function() {
      $("#mensaje").fadeOut(500);   
        
        setTimeout(
            function() {
              $("#mensaje").fadeIn(500);
        }, 10000); /* 10.000 ms = 10 segundos */
        
     }, 10000); /* 10.000 ms = 10 segundos */
 
//Una vez hecho, hacemos lo mismo en un loop.
 
setInterval(function(){ 
 
    setTimeout(
    function() {
      $("#mensaje").fadeOut(500);   
        
        setTimeout(
            function() {
              $("#mensaje").fadeIn(500);
        }, 10000); /* 10.000 ms = 10 segundos */
        
     }, 10000); /* 10.000 ms = 10 segundos */
 
 
}, 30000); /* 30.000 ms = 30 segundos */
 

[djboro88]

Gracias NueveReinas !!

[NueveReinas]

Iniciado por djboro88

Gracias NueveReinas !!

Encantado.