Cómo ocultar un div después de un cierto período de tiempo?

StackOverflow https://stackoverflow.com/questions/2426304

  •  19-09-2019
  •  | 
  •  

Pregunta

necesito para ocultar una div (como "correo enviado con éxito" en Gmail) después de un cierto período de tiempo en el que recargar la página.

¿Cómo puedo hacer eso?

¿Fue útil?

Solución

Este es un ejemplo de trabajo completo basado en su prueba. Compararlo con lo que actualmente tiene que averiguar a dónde va mal. 

<html> 
  <head> 
    <title>Untitled Document</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript"> 
      $(document).ready( function() {
        $('#deletesuccess').delay(1000).fadeOut();
      });
    </script>
  </head> 
  <body> 
    <div id=deletesuccess > hiiiiiiiiiii </div> 
  </body> 
</html>

Otros consejos

En versiones anteriores de jQuery que tendrá que hacerlo de la "javascript camino" usando setTimeout 

setTimeout( function(){$('div').hide();} , 4000);

o 

setTimeout( "$('div').hide();", 4000);

jQuery 1,4 esta solución se ha agregado: 

$("div").delay(4000).hide();

Por supuesto reemplazar "div" por el elemento correcto utilizando un jQuery selector de llamar a la función cuando el documento está listo . 

setTimeout('$("#someDivId").hide()',1500);


$().ready(function(){

  $('div.alert').delay(1500);
   $('div.alert').hide(1000);
});
div.alert{
color: green;
background-color: rgb(50,200,50, .5);
padding: 10px;
text-align: center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="alert"><p>Inserted Successfully . . .</p></div>

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top