JAVASCRIPT

Bonjour,
Je souhaites m'inspirer d'un code javascript présent sur le net pour un effet de texte, mais je débute en javascript du coup :

Est ce que quelqu'un saurait me dire ce qu'il faut modifier sur le code suivant pour que l'anime démarre au chargement de la page sans s'arreter et non lorsque l'on survol la DIV .morph

Le html

<div class="morph">exemple de texte</div>

Le javascript

var morphChars = ['>','%','#','$','+','^','&','-','!'];
function getRandomChar(){
  return morphChars[Math.floor(Math.random()*morphChars.length)];
}
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
String.prototype.replaceAt=function(index, character) {
    return this.substr(0, index) + character + this.substr(index+character.length);
}
var morphInterval,originalText;
$('.morph').on('mouseenter',function(){
  originalText=$(this).text(); 
  console.log('Hovering on a .morph element...');
  var workWithThisText=$(this).text();
  var intervalFunction=function(text){
    console.log('Executing morphInterval()');
    var charsToReplace=getRandomInt(0,text.length);
    var newText=text.replaceAt(getRandomInt(0,text.length-1), getRandomChar());
    $('.morph').text(newText);
  }
  morphInterval=setInterval(function(){
    intervalFunction(workWithThisText)
  },150);
});
$('.morph').on('mouseleave',function(){
  console.log('Stopped hovering on a .morph element...');
  $('.morph').text(originalText);
  clearInterval(morphInterval);
});

Merci à vous