Есть произвольное количество пар значений (название и цена продукта)
Получаю их из сервера и вывожу по одной паре в строку
Необходимо раз в n
милисекунд поочередно мигнуть m
раз каждой строкой продолжительностью в k
милисекунд
Объясните как в цикле следующую итерацию совершать после того как объявленный в текущей итерации таймер отработает (включая рекурсивные вызовы)?
Пробую раз в 10 секунд менять состояние каждой строки 6 раз с задержкой в пол секунды
componentDidMount() {
var that = this;
setTimeout(function run() {
let tickCounter = 0;
for (let key in that.state.fuel) {
setTimeout(function tick(){
that.state.visible[key] = !that.state.visible[key];
that.setState({ visible: that.state.visible });
if (++tickCounter != 6) {
setTimeout(tick, 500);
}
else
tickCounter = 0;
}, 500);
}
setTimeout(run, 5000);
}, 5000);
}