automatic codetyper - simple POC

simulates typing of code (or any other text) so that it appears someone is writing the lines.

by Denise Nepraunig

HTML

<div id="codeeditor">-- please wait --</div>

CSS

#codeeditor {
    font-family: "Courier New", Courier, monospace;
}

JavaScript

var codeDiv = document.getElementById("codeeditor");

var code = 'oToolBarDOM.addEventListener("webkitAnimationEnd", fnAnimationEnd);';

function writeCode(codePiece) {
    codeDiv.innerHTML = codePiece;
}

var start = 0;
var pos = 1;
var end = code.length;
var typer = null;

function getText() {
    var codePiece = code.substring(start, pos);
    writeCode(codePiece);
    pos++;
    if (pos > end) {
        clearInterval(typer);
        console.log("END OF TYPING");
    }    
}

// inital wating time before the typing starts
setTimeout(function() {
    typer = setInterval(getText, 125);
}, 2000);