Как поочередно вывести элементы на страницу?

Всем привет.
Только начал изучать JS. Практикуюсь.
Задача - выводить побуквенно текст с интервалом в 200 мс между появлением символа.
Делая не через цикл все получалось, но, решив уменьшить объем кода, попробовал с циклом.
Ничего не выводится, в консоли ошибки не находит.

function sectionAdd(){
var sect = document.getElementById('middle-js-added');
var addedNew = [];
var h;
var addedElements = ["H","E","L","L","O",". ","M","Y"," ","N","A","M","E"," ","I","S"," ","R","O","B","B","0"];
var addedElementsLenght = addedElements.length;
var addedTimeout = 1000;

for (var i = 0; i > addedElementsLenght; i++) {
setTimeout(function(){
h = document.createElement('p');
h.className = "middle-text-added";
h.innerHTML = addedElements[i];
addedNew.push(h);
sect.append(addedNew[i]);
}, addedTimeout);
addedTimeout += 200;
}
}
sectionAdd();

Буду благодарен за помощь. Если нужно, залил на фидл https://jsfiddle.net/50y61s9h/, но там часть кода для моргания глаз сделана (картинку не заливал).
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Вместо кучи setTimeout в цикле сделай один раз setInterval и по окончанию clearInterval().
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы