Ocultar Div apos alguns segundos

Question

Ola, tenho uma div que fica na master page, e esta div é exibida sempre que o usuario clicar em algum botao na tela. Ela mostra mensagens de ok e de erro. Este div é exibido no rodape da pagina.

Eu queria que ele sumisse da tela apos 5 segundos. Ja pesquisei e fiz diversos testes com esse exemplo.

 <script type="text/javascript">
            $(document).ready(function () {
            setTimeout(function () {
                $('#rodape_msg_').fadeOut(1500);
            }, 5000);
        });
           </script>

Mas o sistema nao esta entendendo.

O que devo esta fazendo errado?

Obs. nao sei qual foi o botao clicado pelo usuario.

---

Hellmann's (Joviano Pott)

Answer 1

Olá amigo, utilizei seu script e funcionou, o problema deve estar no html.

Segue meu html e script utilizado:

    <div>
        <div id="divdesaparecer">
            Essa div vai desaparecer
        </div>
    </div>

    <script type="text/javascript">
    $(document).ready(function () {
        setTimeout(function () {
            $('#divdesaparecer').fadeOut(1500);
        }, 3000);
    });
    </script>

Abraços

Answer 2

Opa Vinícius, eu estava errando no nome, devido estar usando masterpage e updatpanel, o ID na verdade era outro.

Mudei para o ID correto, deu certo.

Mas uma coisa nao, na primeira vez que a aparece a msg, ele some conforme programado, porem na segunda vez em diante na mesma pagina, o efeito nao acontece, por que será?

---

Hellmann's (Joviano Pott)

Answer 3

Você usou a função "setTimeout()", nela o efeito só vai ocorrer uma vez. Se quiser que ocorra sempre, utilize "setInterval()"

  <div>
        <div id="divdesaparecer">
            Essa div vai desaparecer
        </div>
    </div>

    <script type="text/javascript">
    $(document).ready(function () {
        setInterval(function () {
            $('#divdesaparecer').fadeOut(1500);
        }, 3000);


        setInterval(function () {
            $('#divdesaparecer').fadeIn(1500);
        }, 4000);
    });
    </script>

Answer 4

Ola, voltei com o resultado deste div. infelizmnte nao esta dando certo.

Nao posso usar o setinterval por que ele fica indo e vindo.

Preciso utilizar o setTimeout, porem a pagina quando ocorre o erro mostra ele na primeira vez. Depois de apos  tempo estabelecido o div some. porem quando ocorre novamente o erro, o div aparece, mas nao some.

Ex. tenho uma div no rodape da pagina que mostra as mensagens de erro ou de ok.

O usuario nao preenche determinados campos, ele avisa no rodape, na primeira vez o div aparece e depois some. se o usuario deixar novamente algum campo em brando, ele mostra novamente esse div com o erro, porem agora o div nao some mais.

---

Hellmann's (Joviano Pott)