Задержка setTimeout
 

Доброе время всем. Скажу честно я только начинаю постигать JS и тут у меня возник вопрос. Для изучения рассматриваю различные примеры работа.

Я хоть убейся не могу понять как сделать задержку выполнения функции. Был бы рад помощи.

$('[data-skill]').each(function(){
	
	var item = $(this),
		skill = item.data('skill'),
		size = item.data('skill-size'),
		border = 5,
		radius = (size / 2) - border,
		circumference = 2 * Math.PI * radius,
		progress = circumference - ((circumference / 100) * skill),
		speed = 2500;
	
	
	
	item.append('<svg><circle class="back" /><circle class="front" /></svg>');
		
	item.find('svg').width(size).height(size);
	
	item.find('circle').attr({
		'r' : radius,
		'cy' : radius + border,
		'cx' : radius + border
	});
	
	item.find('.front').css({
		'stroke-dasharray' : circumference,
		'stroke-dashoffset' : circumference
	}).animate({
		'stroke-dashoffset' : progress
	}, speed);

});

Peterko,
вы хотите чтоб когда одна анимация закончилась, началась следущая?

Нет, я бы хотел что бы вот эта вся функция начала выполняться с задержкой, после определенного времени. Как видно она отвечает за появление круглых svg элементов. И меня не устраивает что она срабатывает сразу же после погрузки страницы.

Peterko,
и какая проблема добавить этот код в setTimeout с нужной паузой?

setTimeout(function() { //тут ваш код 
}, 1000);

Так я это понимаю, вставляю но видимо не как-то криво.

Peterko,
попробуйте сделать макет, иначе можно гадать только, что у вас не так.