Effetto macchina da scrivere

  • Creatore Discussione Creatore Discussione criric
  • Data di inizio Data di inizio

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
Script per simulare l'effetto della macchina da scrivere
HTML:
<span id="testo"></span>

<script type="text/javascript">
    // testo da mostrare    
    var testo = "Effetto macchina da scrivere";
    // output
    var output = "";
    // incrementatore
    var i = 0;
    // velocità di scrittura
    var speed = 100;
    // dichiaro la funzione
    function scrivi() {
        // creo l'output
        output += testo.charAt(i);
        // incremento
        i++;
        // scrittura
        document.getElementById("testo").innerHTML = output;
        // se è finito il testo
        if(i >= testo.length) {
            // fine
            clearInterval(s);
        }
    }
    // richiamo la funzione a intervalli
    s = setInterval("scrivi()",speed);
</script>
 
  • Like
Reactions: Rikk73

Discussioni simili