Display text one by one using jQuery Animate Step

by naveen

HTML

<div id="content"></div>
<button>Go</button>

JavaScript

function SimulateTyping(containerID, data) {
    var dv = $('#' + containerID);
    dv.text("");
    $({count: 0}).animate({count: data.length}, {
        duration: data.length * 15,
        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);