Removendo Alert do Bootstrap automaticamente

No vídeo de hoje eu vou demonstrar um exemplo de como remover da página o componente Alert do Bootstrap após alguns segundos de exibição. Por padrão, esse componente fica na tela até que o usuário clique no botão para fechá-lo ou então atualize a página.

Para isso, vou usar a função setTimeout(), do JavaScript, a qual vai gerenciar o tempo que o componente ficará visível para o usuário. E para melhor a transição de saída da tela vou trabalhar com a função fadeOut() do jQuery.

Segue o código usado na operação:

$(document).ready(function(){			
    setTimeout(function() {
	$(".alert").fadeOut("slow", function(){
		$(this).alert('close');
	});				
    }, 5000);			
});

Espero que ajude, até a próxoma!

Ballem

Marcio Ballem é bacharel em Sistemas de Informação pelo Centro Universitário Franciscano em Santa Maria/RS. Tem experiência com desenvolvimento Delphi e Java em projetos para gestão pública e acadêmica. Possui certificação em Java, OCJP 6.

Você pode gostar...