auto type - loop

by hlmurray91

HTML

<h1 id="js-typing">&nbsp;</h1>

JavaScript

// had to break away from. error after first removal.


var typing = function(string){
    var count = 0;
    var container = document.getElementById("js-typing");
    var length = string.length;
    var newString = "";
    var timer;
    
    loopDis();
    setInterval(function(){
        container.innerHTML = "";
        count = 0;
        newString = "";
        loopDis();
    }, (200*length)+2000);
    
    function loopDis(){  
        timer = setInterval(function(){
            if(count < length){
                addLetter();
            } else{
                clearInterval(timer);
            }
        }, 200);
    }
    
    // addLetters
    function addLetter(){
        newString = newString + string.charAt(count);
        container.innerHTML = newString;
        count++;
    }
}

typing("Smarter Faster.");