Effetto macchina da scrivere

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
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