Alert com fechamento automático
Neste exemplo o alert pode ser aberto e fechado várias vezes
function abre1() {
$(".aviso1").stop().fadeTo(1, 1).removeClass('d-none');
window.setTimeout(function() {
$(".aviso1").fadeTo(500, 0).slideUp(500, function(){
$(".aviso1").addClass('d-none');
});
}, 3000);
}
Já neste exemplo o alert só pode ser aberto e fechado uma única vez
function abre2() {
$(".aviso2").removeClass('d-none');
window.setTimeout(function() {
$(".aviso2").fadeTo(500, 0).slideUp(500, function(){
$(".aviso2").remove();
});
}, 3000);
}
ATENÇÃO! Substitua o jquery do Bootstrap pela versão abaixo:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>