Skip to content

Instantly share code, notes, and snippets.

@devmatheus
Last active August 29, 2015 13:58
Show Gist options
  • Save devmatheus/9933587 to your computer and use it in GitHub Desktop.
Save devmatheus/9933587 to your computer and use it in GitHub Desktop.

Revisions

  1. devmatheus renamed this gist Apr 2, 2014. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  2. devmatheus created this gist Apr 2, 2014.
    38 changes: 38 additions & 0 deletions gistfile1
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,38 @@
    <html>
    <head>
    <title>Canção do Exílio</title>
    <meta charset="utf8" />
    <script>
    var frase = "Minha terra tem palmeiras,<br>Onde canta o Sabiá;<br>As aves que aqui gorjeiam,<br>Não gorjeiam como lá.<br><br>Nosso céu tem mais estrelas,<br>Nossas várzeas têm mais flores,<br>Nossos bosques têm mais vida,<br>Nossa vida mais amores.<br><br>Em cismar, sozinho, à noite,<br>Mais prazer encontro eu lá;<br>Minha terra tem palmeiras,<br>Onde canta o Sabiá.<br><br>Minha terra tem primores,<br>Que tais não encontro eu cá;<br>Em cismar - sozinho, à noite -<br>Mais prazer encontro eu lá;<br>Minha terra tem palmeiras,<br>Onde canta o Sabiá.<br><br>Não permita Deus que eu morra,<br>Sem que eu volte para lá;<br>Sem que desfrute os primores<br>Que não encontro por cá;<br>Sem que ainda aviste as palmeiras,<br>Onde canta o Sabiá.",
    i = 0;

    window.requestAnimFrame = (function () {
    return window.requestAnimationFrame;
    })();

    function proximoChar(str, i) {
    return str.slice(i, i+1);
    }

    window.onload = (function animloop(){
    if (i < frase.length) {
    requestAnimFrame(animloop);
    }

    (function () {
    var letra = proximoChar(frase, i);
    if (letra == '<') {
    i++;
    for (; proximoChar(frase, i) != '>'; i++) {
    letra += proximoChar(frase, i);
    }
    letra += '>';
    }
    document.body.innerHTML += letra;
    i++;
    })();
    })();
    </script>
    </head>
    <body></body>
    </html>