Cerrar cartel de error tras x segundos

[fedefrankk]

Hola a todos, cuando envió un formulario con ajax y devuelve un error, quiero que ese cartel desaparezca en 3 segundos...
Alguien me puede ayudar?. gracias de antemano.

código ajax.

Código Javascript:

if ($.trim(user_nombre).length > 0 && $.trim(user_mail_nuevo).length > 0){
  $.ajax({
 
        url:"nuevo_usuario.php",
        method:"POST",
        data:{user_nombre:user_nombre, user_mail_nuevo:user_mail_nuevo},
        cache:"false",
        beforeSend:function(){
            $('#ingre').val("Ingresando.....");
      
 
        },
 
        success:function(datos){
          
          $('#ingre').val("Ingreso");
          if (datos == "1"){
           
         $("#noticia").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");
          }else{
            
            $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");
          }
        }
  });
 
};
 

Puntualmente el cartel que desaparezca cada x segundo seria el siguinte:

Código Javascript:

$("#noticia").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>");
 

Gracias por su ayuda
saludos cordiales.!!!

[ArturoGallegos]

Pan comido :D usa la función setTimeOut y fijala en la cantidad de segundos que necesites

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.

[fedefrankk]

Hola Gracias por comentar.

Soy nuevo en ajax, y quiero hacerlo para no usar PHP, ( usarlo únicamente para servidor),

cuando pones:

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.

A que te refieres?, es un código ( que anda bastante mal, sacado de youtube), y codificarlo a mi gusto, pero me dicen que no es seguro, que se puede cambiar por consola.... en fin,, se agradece tu repuesta

Saludos.!!!
Fede

[tuadmin]

Iniciado por fedefrankk

Hola Gracias por comentar.

Soy nuevo en ajax, y quiero hacerlo para no usar PHP, ( usarlo únicamente para servidor),

cuando pones:

para que ejecute el código de eliminación, que no lo veo en lo que muestras pero supongo que ya estas trabajando en el.

A que te refieres?, es un código ( que anda bastante mal, sacado de youtube), y codificarlo a mi gusto, pero me dicen que no es seguro, que se puede cambiar por consola.... en fin,, se agradece tu repuesta

Saludos.!!!
Fede

lo que te quisieron decir es que googles esa función setTimeOut por que ay en la red millones de ejemplos, y es el que necesitas, siempre trata de analizar las respuestas que te dan, muchas seran confusas o que no entenderas por que a veces no nos hacemos entender, y damos por hecho que todos tienen un minimo de conocimiento, si usas jQuery y Ajax se da por hecho que conoces JAVASCRIPT y las funciones mas usadas en JAVASCRIPT son lo TIME OUT y los intervalos

y lo que necesitas es usar la Funcion setTimeout que como primer parametro es la Funcion que se ejecutara despues de los X milisegundos

Código Javascript:

//en este ejemplo se ejecutara un alert luego de 3000 milisegundos = 3 segundos
setTimeout(function(){ alert("hola"); },3000);
 

y para borrar un eelemento, jQuery dispone de remove(), todo ello en su documentacion oficial

o bien has lo que estabas haciendo $("#noticia").html(' tu html'); pero enviale vacio $("#noticia").html('');

[fedefrankk]

Hola. Muchas gracias por tu repuesta.!!!
saludos y mil gracias.

[fedefrankk]

Hola Nuevamente, como hago para incluir fadeIn, ó fadeout ???

este codigo en 3 segundo aparece el cartel... lo que quiero es al revés...

Código Javascript:

}else if(dato == 2){
                                                setTimeout(function(){  $("#noticia").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>Errror</strong> las credenciales son incorrectas.</div>"); }, 3000);
 

Gracias Nuevamente a todos..

Saludos Atte.

[ArturoGallegos]

Estudio este ejemplo, ya lo probe y funciona sin problemas (agrega un texto y lo elimina tras 3 segundos)

Código Javascript:

const agregar = () => {
  $('.element').html('<div class="n">Hola mundo... agregando alerta</div>');
  setTimeout(() => $('body .n').slideUp('slow', () => $('body .n').remove()), 3000);
};
 

[fedefrankk]

Hola Gracias por responder, lo pruebo y te aviso.
Gracias, Saludos.!!!