estou tentando fechar um alerta automaticamente após o usuário realizar cadastro/login.
O alerta está funcionando numa boa, assim que a consulta no Banco de Dados é realizada o alerta aparece na tela.
Porém eu gostaria que o alerta sumisse mesmo que o usuário não o feche.
Meu código está assim:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<div class="container">
<!-- CADASTRO SUCESSO -->
<?php
if($_SESSION['status_cadastro']):
?>
<div class="modalBanner d-flex justify-content-center" role="alert">
<div class="alert alert-success">
<strong>Cadastro efetuado!</strong> Faça login informando seu e-mail e senha. 
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
</div>
<?php
endif;
unset($_SESSION[status_cadastro]);
?>
<!-- E-MAIL EM USO -->
<?php
if($_SESSION['usuario_existe']):
?>
<div class="modalBanner d-flex justify-content-center" role="alert">
<div class="alert alert-danger">
Este e-mail já está em uso. Utilize-o para login ou informe outro. 
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
</div>
<?php
endif;
unset($_SESSION[usuario_existe]);
?>
</div>
Eu tentei utilizar o seguinte JavaScript:
$(document).ready(function() {
// show the alert
setTimeout(function() {
$(".modalBanner").alert('close');
}, 2000);
});
Porém ainda não obtive sucesso. O alerta só é mostrado após o php
consultar os e-mails no banco de dados.