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);
};
 
Discussioni simili
Autore Titolo Forum Risposte Data
J [Javascript] Inserire un caricamento con animazione prima dell'esecuzione di un'azione Javascript 1
W [HTML] Animazione menu mobile HTML e CSS 0
A Problema nel passaggio di una animazione da flash a animate Flash 9
matteoraggi [PHP] Trasformare una animazione html5 in un file video PHP 0
A [Javascript] avviare un animazione js allo scroll della pagina Javascript 7
G [Javascript] Fermare animazione Javascript 1
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
L Animazione video con CSS HTML e CSS 2
O Animazione in flash di un personaggio Flash 2
A Controllare l'animazione di una skills bar realizzata con i keyframes css3 Javascript 1
C Animazione di una Div al comando click HTML e CSS 0
kungfujava Bootstrap e animazione caricamento pagina HTML e CSS 0
M Flash CS 5.5 Animazione 3D Flash 0
F animazione pagine menù Javascript 0
K Animazione fiamme Flash 9
emanuelevt [RISOLTO] animazione pulsante con fade jQuery 1
D Aiutoooooo problem con animazione!!! Webdesign e Grafica 0
F Animazione jQuery scroll - ancore, si può fare? Javascript 1
S jQueryRotate - più di una animazione jQuery 3
P animazione flash nella home di un sito Webdesign e Grafica 3
andreas88 problema animazione immagine HTML e CSS 3
renoir09 Animazione ed Ipad Smartphone e tablet 0
L Come creare animazione Flash 1
S Animazione immagine Flash 2
R animazione fade Javascript 2
davide1982 Problema animazione con animate e hover Javascript 4
P Creare animazione con foto Webdesign e Grafica 5
B sincronizzare musica con partenza animazione shockwave Javascript 0
N preload background image animazione sequenza Javascript 1
Z [AS3] Rendere attivo pulsante dentro animazione di altro pulsante Flash 0
S Comando per ricaricare animazione Flash 0
S Non vedo animazione su browser Flash 3
G creare bordo animazione Flash 0
A Photoshop cs3 : problema animazione Photoshop 4
A azione per animazione Flash 3
S Non ripetere l'animazione se già caricata Flash 1
C Bordo superiore animazione flash Flash 1
S Problema Animazione Titolo Flash 3
P Pulsante con Animazione Interna Flash 1
M Animazione flash che riempie l'intero <div> come fare?? Flash 3
M includere animazione flash in pagina html Flash 1
M animazione che prende l'intero frame Flash 6
R animazione pennello che scrive Flash 2
G Tornare in un punto preciso dell'animazione! Flash 3
B Animazione SWF casuale PHP 4
O animazione ad ONDA Flash 1
L Flash: ripetere un'animazione per n volte Flash 3
S helpme...animazione pulsanti flash Flash 2
S domanda su animazione tasto flash Flash 1

Discussioni simili