[MC-XOBAHCK]

У меня внутри события через setTimeout вызываются функции.
Работающий пример:

document.querySelector('#shag3').addEventListener('click', function () {
    setTimeout(brus1, 400);
    setTimeout(brus2, 800);
    setTimeout(brus3, 1200);
    setTimeout(brus4, 1600);
    setTimeout(brus5, 2000);
    setTimeout(brus6, 2400);
    setTimeout(brus7, 2800);
    setTimeout(brus8, 3200);
    setTimeout(brus9, 3600);
    setTimeout(brus10, 4000);
    setTimeout(brus11, 4400);
    setTimeout(brus12, 4800);
    setTimeout(brus13, 5200);
    setTimeout(brus14, 5600);
    setTimeout(brus15, 6000);
    setTimeout(brus16, 6400);
    setTimeout(brus17, 6800);
    setTimeout(brus18, 7200);
    setTimeout(brus19, 7600);
    setTimeout(brus20, 8000);
)}

Это урезанный вариант, на самом деле у меня setTimeout в разных обработчиках событий от 50 до 400 штук.
Поэтому я пытаюсь сделать это циклом и делаю так:

document.querySelector('#shag3').addEventListener('click', function () {
   for (let i = 0; i < 50; i++) {
        let name_function = 'brus' + i;
        let time;
        
        if(i == 0) time = 10;
        else time = 400 * i;

        setTimeout(name_function, time);

        console.log(name_function + ' и ' + time);
    }
)}

но это не работает - функции из setTimeout не вызываются : (
При этом в console.log выводятся правильные значения.

Поэтому у меня вопрос: а можно ли применять setTimeout внутри цикла?