How to properly loop a function?

Question

JavaScript

jQuery(function($){
$.get("{THEME}/images/sprite.svg", function(data) {
var div = document.createElement("div");
div.innerHTML = new XMLSerializer().serializeToString (data.documentElement);
document.body.insertBefore(div, document.body.childNodes[0]);
});
});

$(document).ready(function(){
$.fn.animate_Text = function() {
var string = this.text();
return this.each(function(){
var $this = $(this);
$this .html(string.replace(/./g, '$&'));
$this.find('span.new').each(function(i, el){
setTimeout(function(){ $(el) .addClass('div_opacity'); }, 60 * i);
});
});
};
$('#example').show();
$('#example').animate_Text();
$('#example').fadeOut(60000);
});

Answer 1

I'll delete the author's code, as I fix it myself:

jQuery(function($){
  $.get("{THEME}/images/sprite.svg", function(data) {
    var div = document.createElement("div");
    div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
    document.body.insertBefore(div, document.body.childNodes[0]);
  });
});

$(document).ready(function(){
  $.fn.animate_Text = function() {
    var string = this.text();
    return this.each(function(){
      var $this = $(this);
      $this.html(string.replace(/./g, '$&'));
      $this.find('span.new').each(function(i, el){
        setTimeout(function(){ $(el).addClass('div_opacity'); }, 60 * i);
      });
  });
};
$('#example').show();
$('#example').animate_Text();
$('#example').fadeOut(60000);
});