Display text one by one using jQuery Animate Step

by naveen

HTML

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

JavaScript

var someajaxtext = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras interdum sem sit amet magna convallis sed ullamcorper mi commodo.';
$('button').click(function(){
    var dv = $('#mydiv');
    dv.text("");
    jQuery({count:0}).animate({count:someajaxtext.length}, {
        duration: 1500,
        step: function() {                dv.text(someajaxtext.substring(0, Math.round(this.count)));
        }                
    });
});