Animazione: testo 'che si scrive da solo', carattere per carattere

LorenzoPi

Utente Attivo
21 Gen 2014
98
0
0
Codice javascript:
Codice:
// htmlnode è il nodo html su cui varrà scritta la frase
// time è il tempo in millisecondi che ci mette a scrivere un carattere nel nodo html

// Esempio: 'testo lunghissimo lunghissimo lunghissimo lunghissimo'.writeText(document.getElementById('myDiv'),50);

// oppure:  document.getElementById('myDiv1').textContent.writeText(document.getElementById('myDiv2'),50);

String.prototype.writeText = function(htmlnode,time) {
  var self = this;
  htmlnode.innerHTML = '';
  var i = 0;
  var interval = setInterval(function(){
    if(i < self.length){
      htmlnode.innerHTML += self[i];
      i++;
    }
    else{
      clearInterval(interval);
    }
  },time);
};