Как сделать, чтобы функция подгружалась 3 сек?

Question

[Ayk72]

Добрый вечер!

Как сделать, чтобы функция startLoadingAnimation() работала 3 секунды, а потом пришел ответ от сервера?

$(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();
}

Заранее спасибо!

Comments

[Ayk72]

Делал так: setTimeout(function(response){$('#dle-content').html(response)}, 3000); Но страница грузилась 3 секунды, а ответ не приходил. Просто исчезала анимация.

Также делал: перед $.post("url", $("#filter"), там вообще ничего не изменилось

[Inwork277]

Ayk72: $('#dle-content').html(response); stopLoadingAnimation(); вот это оберните в setTimeout(function(){ --- }, 3000);

[Ayk72]

Inwork277: Супер!

Answer 1

[Дмитрий Скогорев]

setTimeout()

Answer 2

[twobomb]

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

Comments

[Ayk72]

Делал так: setTimeout(function(response){$('#dle-content').html(response)}, 3000); Но страница грузилась 3 секунды, а ответ не приходил. Просто исчезала анимация.

Answer 3

[Serdji]

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

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