Display text one by one using jQuery Animate Step

by pleinx

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("");
    
    var called = 0;
    var aniTime = 60;

    jQuery({y: 0}).animate({y: 100}, {
      step: (now) => {
      console.log(now)
        called++;
      },
      duration: aniTime
    }, 'linear', function() {
    	
    });
    
    
    setTimeout(_ => {
    	console.log(called)
      called = 0;
    }, aniTime + 50);
    
});