Ocultar div depois de alguns segundos

Eu estava pensando, como na jquery eu sou capaz de esconder um div depois de alguns segundos? Como as mensagens do Gmail, por exemplo.

Eu tentei o meu melhor, mas não consegui fazê-lo funcionar.

    Isso ocultará o div após 1 segundo (1000 milissegundos).

    setTimeout(function() { $('#mydiv').fadeOut('fast'); }, 1000); // < -- time in milliseconds 
     #mydiv{ width: 100px; height: 100px; background: #000; color: #fff; text-align: center; } 
      
    myDiv

    Você pode tentar o .delay()

     $(".formSentMsg").delay(3200).fadeOut(300); 

    chame o div defina o tempo de atraso em milissegundos e defina a propriedade que você deseja alterar, neste caso eu usei .fadeOut () para que ele pudesse ser animado, mas você também pode usar .hide ().

    http://api.jquery.com/delay/

    Existe uma maneira muito simples de fazer isso.

    O problema é que .delay apenas animações de efeitos, então o que você precisa fazer é fazer .hide () agir como uma animação dando-lhe uma duração.

    $("#whatever").delay().hide(1);

    Dando uma boa duração curta, parece ser instantâneo como a function normal.

     $.fn.delay = function(time, callback){ // Empty function: jQuery.fx.step.delay = function(){}; // Return meaningless animation, (will be added to queue) return this.animate({delay:1}, time, callback); } 

    De http://james.padolsey.com/javascript/jquery-delay-plugin/

    (Permite o encadeamento de methods)

    O jquery oferece uma variedade de methods para ocultar o div de uma maneira cronometrada que não requer configuração e posterior limpeza ou redefinição de cronômetros de intervalo ou outros manipuladores de events. Aqui estão alguns exemplos.

    Pele pura

     // hide in one second $('#mydiv').delay(1000).hide(0); 

    Pele animada

     // start hide in one second, take 1/2 second for animated hide effect $('#mydiv').delay(1000).hide(500); 

    desaparecer

     // start fade out in one second, take 300ms to fade $('#mydiv').delay(1000).fadeOut(300); 

    Além disso, os methods podem ter um nome de fila ou function como um segundo parâmetro (dependendo do método). A documentação de todas as chamadas acima e outras chamadas relacionadas pode ser encontrada aqui: https://api.jquery.com/category/effects/

    Usando o timer jQuery também permitirá que você tenha um nome associado aos timers que estão anexados ao object. Então você pode append vários timers a um object e parar qualquer um deles.

     $("#myid").oneTime(1000, "mytimer1" function() { $("#something").hide(); }).oneTime(2000, "mytimer2" function() { $("#somethingelse").show(); }); $("#myid").stopTime("mytimer2"); 

    A function eval (e seus parentes, Function, setTimeout e setInterval) fornecem access ao compilador JavaScript. Às vezes isso é necessário, mas na maioria dos casos indica a presença de códigos extremamente ruins. A function eval é o recurso mais mal utilizado do JavaScript.

    http://www.jslint.com/lint.html

    Provavelmente, a maneira mais fácil é usar o plugin de timeres. http://plugins.jquery.com/project/timers e, em seguida, chamar algo como

     $(this).oneTime(1000, function() { $("#something").hide(); });