как ждать "finish" работая с jquery
<html>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<p>start</p>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$("div").each((i,e)=>setTimeout(() => $(e).css('background','red' ), (i+2)*500))
$('p').text('finish')
</script>
</body>
</html>
сливать в массив и работать с ним через for of, или есть другой вариант?