How to make a function load in 3 seconds?

Question

JavaScript

Good evening!
How to make the startLoadingAnimation() function work for 3 seconds, and then the response from the server comes?

$(document).ready(function(){
    var $form = $('#filter'),
        $controls = $form.find('input,select,textarea');

    $controls.on('change', function(){
         startLoadingAnimation();
        $.post("url", $("#filter").serialize(), function(response){
           
           $('#dle-content').html(response); stopLoadingAnimation();
    });
             });
});
         
 function startLoadingAnimation() 
{
   $("#dle-content").append('<div id="res"><img src="http://katushka.in.ua/templates/katushka2/images/ajax-loader.gif" /></div>');
}
          
function stopLoadingAnimation() 
{
   $("#res").remove();
}

Thanks in advance!

Answer 1

setTimeout()

Answer 2

setTimeout(function(){
    //Ответ 
},3000)

Answer 3

function interval () {
    
    var inteval= setInterval( function (){
      //body....
    }, 100 ); // долбит каждые 100 м/ск 

    setTimeout( function (){
      clearInterval( intevalt );
    }, 3000 ); // останавливаем интервал через 3 ск
  };
interval (); // запускаем функцию