Imprimir caractere por caractere

[Diegus Miestro 21]

Galera eu vi algo assim a um bom tempo atrás, mas não pude explorar e nem sei se dá certo mesmo.

 

Não consigo encontrar de novo e não acho, você saberiam como fazer? No caso é mostrar um texto exibindo um caractere por vez, como se o texto estivesse sendo digitado na hora.

[William Bruno 1501]

você vai precisar de um substring com setInterval para fazer isso.

 

só ir percorrendo letra por letra, e mostrar uma de cada vez.

qndo acabar, manda um clearInterval().

[Diegus Miestro 21]

Cara eu tentei e não consegui passar letra por letra.

 

    var $texto = "Lorem ipsum dolor sit amet";            
    function txtPrint() {
         document.write($texto.substr(0));
    }
    setInterval(txtPrint(), 1000);
    clearInterval(intervalo);

[51L3N7 1]

Dessa forma você só esta printando a primeira letra, e o pior, usando o document.write e dando clear logo em seguida. Teria que ser assim:

 

var texto  = 'Lorem ipsum dolor sit amet',
   indíce = 0;

intervalo = setInterval( function() {
document.body.innerHTML += texto.substr( indíce++, 1 );
if ( indíce == texto.length ) clearInterval( intervalo );
}, 1000);

[Diegus Miestro 21]

Ah cara valeu. Sou muito ignorante com Javascript, não sabia que passava função desse jeito.

[Diegus Miestro 21]

Bem, agora me ocorreu outro detalhe. Não entende quebra de linha. Estou passando para a variável JS um texto através do PHP que fica em um arquivo separado, mas quando há quebra de linha ele buga e não entende os comando HTML

[51L3N7 1]

Buga de que maneira?

[Diegus Miestro 21]

Não mostra nada. Só mostra caso não haja quebra de linha.