Как предотвратить появление предупреждения Bootstrap 4 при загрузке страницы?

Question

Я пишу приложение в MVC и передаю сообщение об успешном завершении оповещению об автоматическом закрытии, когда пользователь добавляет объект в свой заказ.Однако я установил предупреждение на первоначальное скрытие, оно по-прежнему отображается при загрузке страницы.

Предупреждение по-прежнему отображается при загрузке страницы в течение времени, указанного в фрагменте JS.

    @if (!string.IsNullOrEmpty(Convert.ToString(Session["UpdResult"])))
    {
        <div id="DivMsg" class="alert alert-success agenda-update">
            @if(Convert.ToString(Session["UpdResult"]).Contains("Err"))
            {
            <div class="alert alert-danger agenda-update text-strong text-center" role="alert" aria-hidden="true">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span>&times;</span></button>
                Sorry, something went wrong. Please
                <a href="#" target="_blank">contact us</a>
                to help with your sessions.
            </div>

            }
            else
            {
            <div class="alert alert-success agenda-update text-strong text-center" role="alert" aria-hidden="true">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span>&times;</span></button>
                @Convert.ToString(Session["UpdResult"])
            </div>                                                
            }
        </div>

    }
    <!-- End Success & Error Messaging -->

Javascript для первоначального скрытия оповещения

@section Scripts {
    <script type="text/javascript">
        window.setTimeout(function () {
            $(".alert").hide();
            $(".alert").fadeTo(500, 0).slideUp(500, function () {
                $(this).remove();
            });
        }, 4000);
    </script>
}