Display a div for a given time Jquery

Question

I wonder if there’s any way I can present the contents of a div at a certain time. Because in this case I’m inserting an html into the div and after a while I’d like it to disappear, there’s some way to do it?

    <div id="alerta">

    </div>

@if (cadastradoComSucesso)
{
    <script>
        var functionSuccess = function () {
            $('#alerta').html('<div class="alert alert-success" role="alert"> Registro cadastrado com sucesso.</div>')
        };        
        setTimeout(functionSuccess, 8000);     
    </script>
}
else
{
    <script>
        var functionWarrning = function () {
            $('#alerta').html('<div class="alert alert-warning" role="alert"> Erro ao salvar registro.</div>')
        };
        setTimeout(functionWarrning, 8000);        
    </script>

}

Answer 1

You can use setTimeout and then give the Hide in div.

setTimeout(function(){
   //Esconde a div
   $('#alerta').hide();
}, seu_tempo_em_millisegundos);

Answer 2

I got it that way:

<script>
    var functionWarrning = function () {
        $('#alerta').html('<div class="alert alert-warning" role="alert"> Erro ao salvar registro.</div>')
        $('#alerta').show();
    };

    functionWarrning();

    setTimeout(function () {
        $('#alerta').hide();
    }, 8000);         
</script>