JSFiddle - React, Tailwind, and code Playground

HTML

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

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 */