Quiero mostrar una alerta durante 5 segundos al hacer clic en un botón, pero el botón es de tipo = "enviar" con método = "publicar". Así que esto funciona, pero solo durante unos nanosegundos porque después de que la página se vuelve a cargar y no cuenta. y mostrar los segundos restantes de alerta para mostrar

Aquí está mi código de alerta

 <div class="alert alert-danger balance" id="inbalance" role="alert" > <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> <h4 class="alert-heading">Order <b>Unsuccessfull</b></h4> <p>Hey,Your order for car is Unsuccessful due to <b>insufficient balance </b> </p> <hr> </div>

Aquí está mi código para mostrar alerta

 function myAlertBottom(){ $("#inbalance").show(); setTimeout(function(){ $("#inbalance").hide(); }, 5000);

Y código de botón

 <button type="submit" class="btn btn-success btn-lg buy" onclick="myAlertBottom()" style="width:50%;" th:disabled="${1 eq g2}">BUY</button>

Código de formulario en HTML

 <form action="" th:action="@{/g2form}" th:object= "${game2data}" method="post"> </form>