Симуляция печатания текста

window.onload = function(){
            var div = document.getElementById("typeSB");
            if(div){
                var p = div.childNodes;
                var textArr = [];
                var textArrRel = [];
                var count = 0;
                for (var i = 0; i < p.length; i++){
                    if(p[i].nodeType == 1){
                        if(p[i].className == "typeSB_start"){
                            p[i].style.display = 'inline-block';
                            continue;
                        }
                        if(p[i].className == "typeSB_start_static"){
                            p[i].style.display = 'block';
                            continue;
                        }
                        textArr.push(p[i].textContent);
                        textArrRel.push(p[i]);
                        p[i].textContent = "";
                        p[i].style.display = 'inline-block';
                    }
                }
                setTimeout(function(){
                    printText(textArr[count], textArrRel[0]);
                }, 1000);
            }
            function printText(text, node){
                function printTextStart(){
                    var i = node.textContent.length;
                    if(i < text.length){
                        node.textContent += text[i];
                        setTimeout(function(){
                            printTextStart();
                        },100);
                    }
                    else{
                        setTimeout(function(){
                            printTextEnd();
                        },1000);
                    }
                }
 
                function printTextEnd(){
                    var i = node.textContent.length;
                    if(i != 0){
                        node.textContent = node.textContent.slice(0, -1);
                        setTimeout(function(){
                            printTextEnd();
                        },30);
                    }
                    else{
                        if(count >= textArrRel.length-1) count = 0;
                        else count++;
                        setTimeout(function(){
                            printText(textArr[count], textArrRel[0]);
                        },900);
                    }
                }
 
                setTimeout(function(){
                    printTextStart();
                }, 300);
            }
        };

for(var i = 0, var timer = 300; i < arr.length; i++, timer += timer)

var str = "Делаю красива чекай";
var result = "";
 
(function(chars) {
    var char = chars.shift();
    result += char;
    console.log(result);
    if (chars.length) {
        setTimeout(arguments.callee, Math.random() * 300 + 50, chars);
    }
})(str.split(""));

var divDefaul;
var divPointer;
var textArr = [];
var textArrText = [];
 
window.onload = function(){
    divDefaul = document.getElementsByClassName("sb-type-default");
    divPointer = document.getElementsByClassName("sb-type-pointer");
    defineDivs(divDefaul);
    defineDivs(divPointer);
    printText(textArr, textArrText);
};
 
function defineDivs(div){
    if(div.length){
        for(var i = 0; i < div.length; i++){
            defineTextArrs(div[i].getElementsByTagName("p"));
        }
    }
}
 
 
function defineTextArrs(node){
    var tempArr = [];
    var tempArrText = [];
    var tempLength = node.length - 1;
    for (var j = node.length - 1; j >= 0; j--){
        if(node[j].className == "sb-type-start"){
            node[j].style.display = 'inline-block';
        }
        else if(node[j].className == "sb-type-start-static"){
            node[j].style.display = '';
        }
        else{
            node[j].style.display = 'inline-block';
            if(node[j].parentNode.className == "sb-type-default"){
                node[j].className += ' sb-after-default';
            }
            else if(node[j].parentNode.className == "sb-type-pointer") {
                node[j].className += ' sb-after-pointer';
            }
            tempArrText.push(node[j].textContent);
            if(j == node.length - 1){
                node[j].textContent = "";
                textArr.push(node[j]);
            }
            else{
                node[j].remove();
            }
        }
    }
    if(!tempArrText.length) return false;
    textArrText.push(tempArrText.reverse());
}
 
 
function printText(node, text){
    for(var i = 0; i < text.length; i++){
        setTimeout(printTextNode, 1000, node[i], text[i], 0);
    }
}
 
function printTextNode(node, text, start){
    var step = start;
    if(step == text.length) step = 0;
    var nodeLength = node.textContent.length;
    node.textContent += text[step][nodeLength];
    if(nodeLength >= text[step].length - 1){
        setTimeout(removeTextNode, 1000, node, text, step);
    }
    else{
        setTimeout(printTextNode, 100, node, text, step);
    }
}
 
function removeTextNode(node, text, start){
    var step = start;
    node.textContent = node.textContent.slice(0, -1);
    if(node.textContent.length <= 0){
        setTimeout(printTextNode, 1000, node, text, ++step);
    }
    else{
        setTimeout(removeTextNode, 30, node, text, step);
    }
}

if (!div.length) {
    return;
}
for...

глобальная
 
(function(){
    var локальная
    без_var_глобальная
    for(без_var_глобальная, var локальная_видимая_во_всей функции, let в_пределах_блока_for;;){
    
    }
    {
        let видимая_только_в_пределах_блока
    }
})()
---
(function() {
    console.log(a)// переменная создается до выполнения тела функции и ошибки не будет. но выведет undefined.
    console.log(c) // error
    console.log(b) // error
    var a = 1;
    let b = 2;
    c = 3;
})()
---
var obj = {d: 1};
 
with(obj) { // with вроде как is deprecated и вообще не рекомендовано к использованию
    d = 2;
}
 
console.log(obj.d) // 2
console.log(d) // error