Как вызвать «callback» по завершении рекурсии?

Question

[Дмитрий Карпов]

Здравствуйте, надо выполнить код по истечении этого цикла:

const $el = Array.from(document.querySelectorAll(elemAnimate));
setTimeout(function loop() {
	$el.shift().animate(animFrame, animTiming);
	if ($el.length) setTimeout(loop, 200);
}, 50);

как отловить завершения цикла?
Пробовал callback, promise, они отрабатывают по истечении первого таймаута.
Не пойму как отловить внутренний, подскажите пожалуйста

Answer 1

[Stalker_RED]

if ($el.length) setTimeout(loop, 200);
else { /* все, конец, вызывайте свой коллбек*/ }

Answer 2

[Moses Fender]

Пробовал callback, promise, они отрабатывают по истечении первого таймаута.

А можно увидеть как это таймаут в promise?
Promise для того и придумали, чтобы со всеми этими setTimeout не парится, а ожидать окончания выполнения чего либо нибудь.

Comments

[Даша Циклаури]

вот так new Promise(resolve=>setTimeout(resolve,1e3))
promise придумали не для этого, а разделения очереди на макротаски (settimeout) и микротаски (promise)