Foros del Web » Programando para Internet » Javascript »

Desaparecer div x segundos

Estas en el tema de Desaparecer div x segundos en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/04/2022, 13:20
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 14 años, 9 meses
Puntos: 7
Pregunta Desaparecer div x segundos

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:
Ver original
  1. <p style="height: 50px;margin: 10px;padding: -4px;font-size: 25px;text-align: center;" id="respuesta"> </p>

el código Javascript

Código Javascript:
Ver original
  1. var formulario = document.getElementById('formulario');
  2.  
  3.  
  4. formulario.addEventListener('submit',function(e){
  5.     e.preventDefault();
  6.    
  7.  
  8.  
  9. var datos = new FormData(formulario);
  10. datos.get('hora');
  11.  
  12.  
  13. fetch('catedras.php',{
  14.     method:'POST',
  15.     body: datos,
  16.  
  17. })
  18.         .then(res =>res.json())
  19.         .then(data =>{
  20.             console.log(data)
  21.             if (data==='error'){
  22.                
  23.                 respuesta.innerHTML = ` <div class="alert alert-danger" style="font-size:20px" role="alert">
  24.                 Ups ! te falto ingresar un número
  25.               </div><br><br>
  26.               `
  27.                      
  28.  
  29.  
  30.             }else{
  31.                 respuesta.innerHTML = `<div class="alert alert-primary" role="alert">
  32.                 ${data}
  33.                </div><br><br>
  34.                `
  35.  
  36.             }
  37.         })
  38.  
  39. })

tengo este codigo pero no me funciona:

Código Javascript:
Ver original
  1. var Retraso = 5000 ; // Tiempo expresado en milisegundos 5000 equivale a 5 segundos
  2.                 function Desa(){
  3.                     document.getElementById("respuesta").innerHTML="";
  4.                 };
  5.                 window.load=setTimeout('Desa()', Retraso);

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



La zona horaria es GMT -6. Ahora son las 08:13.