Untitled

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<button type="button"
id="saveData">
Click me to display toast.</button>

<!-- Save data toast -->
<div class="toast" data-delay="2500">
    <div class="toast-header">
        <strong class="mr-auto yellow-text">Poprawnie zapisano zmiany.</strong>
        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast">&times;</button>
    </div>
</div>

<script>
const sleep = (milliseconds) => {
  return new Promise(resolve => setTimeout(resolve, milliseconds))
}
$('document').ready(function() {
        //var refresh = false;
        $("#saveData").click(function(){
          //refresh = true;
          $('.toast').toast('show');
          sleep(500).then(() => {
            window.location.reload();
          })
          //window.location.reload();
        });
    });
</script>

</body>
</html>