Typeout!

by Emily Humphrey

HTML

<div class="js-autotype"></div>

JavaScript

function autotype() {
    var count = 0;
    var typeCount = 75;

    changeText("S", 300);
    changeText("Sm", typeCount);
    changeText("Sma", typeCount);
    changeText("Smar", typeCount);
    changeText("Smart", typeCount);
    changeText("Smarte", typeCount);
    changeText("Smarter", typeCount);
    changeText("Smarter F", typeCount);
    changeText("Smarter Fa", typeCount);
    changeText("Smarter Fas", typeCount);
    changeText("Smarter Fast", typeCount);
    changeText("Smarter Faste", typeCount);
    changeText("Smarter Faster", typeCount);
    changeText("Smarter Fastr", 200);
    changeText("Smarter Fstr", 200);
    changeText("Smartr Fstr", 200);
    changeText("Smrtr Fstr", 200);

    var textContainer = $(".js-autotype");

    function changeText(b, t) {
        count += t;
        setTimeout(function(){
            textContainer.html(b);
        }, count);
    }
}

autotype();