Effetto macchina da scrivere

Discussione in 'Snippet Javascript' iniziata da criric, 9 Settembre 2013.

  1. criric

    criric Super Moderatore Membro dello Staff SUPER MOD MOD

    Registrato:
    21 Agosto 2010
    Messaggi:
    5.607
    Mi Piace Ricevuti:
    54
    Punteggio:
    48
    Sesso:
    Maschio
    Località:
    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>
    
     
    A Rikk73 piace questo elemento.
Sto caricando...

Condividi questa Pagina