Display text one by one using jQuery Animate Step
HTML
<div id="content"></div>
JavaScript
function SimulateTyping(containerID, data) {
var dv = $('#' + containerID), len = data.length;
dv.text("");
$({count: 0}).animate({count: len}, {
duration: len * 1000,
step: function() {
dv.text(data.substring(0, Math.round(this.count)));
}
});
}
var someText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum sem sit amet magna convallis sed ullamcorper mi commodo.';
SimulateTyping("content", someText);