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

Discussione in 'Snippet Javascript' iniziata da LorenzoPi, 5 Febbraio 2014.

  1. LorenzoPi

    LorenzoPi Utente Attivo

    Registrato:
    21 Gennaio 2014
    Messaggi:
    98
    Mi Piace Ricevuti:
    0
    Punteggio:
    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);
    };
    
     
Sto caricando...

Condividi questa Pagina