Desaparecer div x segundos

[fedefrankk]

Hola a todos, tengo el siguiente código y cuando sale el error quiero que desaparezca en 5 segundo.. lo he intentado y no me ha funcionado, he sacado los códigos de internet y de este foro..

el elemento en html que quiero que desaparezca:

Código HTML:

<p style="height: 50px;margin: 10px;padding: -4px;font-size: 25px;text-align: center;" id="respuesta"> </p>
 

el código Javascript

Código Javascript:

var formulario = document.getElementById('formulario');
 
 
formulario.addEventListener('submit',function(e){
    e.preventDefault();
   
 
 
var datos = new FormData(formulario);
datos.get('hora');
 
 
fetch('catedras.php',{
    method:'POST',
    body: datos,
 
})
        .then(res =>res.json())
        .then(data =>{
            console.log(data)
            if (data==='error'){
                
                respuesta.innerHTML = ` <div class="alert alert-danger" style="font-size:20px" role="alert">
                Ups ! te falto ingresar un número 
              </div><br><br>
              `
                     
 
 
            }else{
                respuesta.innerHTML = `<div class="alert alert-primary" role="alert">
                ${data}
               </div><br><br>
               `
 
            }
        })
 
})
 

tengo este codigo pero no me funciona:

Código Javascript:

var Retraso = 5000 ; // Tiempo expresado en milisegundos 5000 equivale a 5 segundos
                function Desa(){
                    document.getElementById("respuesta").innerHTML="";
                };
                window.load=setTimeout('Desa()', Retraso);
 

Muchas gracias por su tiempo, saludos a todos
gracias de antemano.