auto type - regular

by hlmurray91

HTML

<div id="js-typing"></div>

CSS

.removing{ background: yellow; }
.yellow{ background: yellow; }

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;
    var removeTimer;
        
    timer = setInterval(function(){
        if(count < length){
            addLetter();
        } else{
            removeLetter([2,4,7,9]);
            clearInterval(timer);
        }
    }, 50);
    
    // addLetters
    function addLetter(){
        newString = newString + string.charAt(count);
        container.innerHTML = newString;
        count++;
    }
}

typing("Smarter Faster.");