As alternately to bring the elements on the page?

Hi all.
Just started to learn JS. Practiced.
The task is to output text letter by letter with an interval of 200 MS between the appearance of the symbol.
Making not through the cycle all turned out, but decided to reduce the amount of code, I tried with a loop.
Nothing appears in the console, errors does not find.

sectionAdd function(){
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();

I would be grateful for help. If needed, filled in on fiddle https://jsfiddle.net/50y61s9h/, but there is some code to blink the eye done (the picture is not filled in).
April 3rd 20 at 17:18
2 answers
April 3rd 20 at 17:20
Solution
April 3rd 20 at 17:22
Instead of that pile of setTimeout in a loop do once setInterval and clearInterval().

Find more questions by tags JavaScript