O setInterval
pode não ser uma boa, porque ele repete indefinidamente (até que seja determinado que ele pare com clearInterval
).
O que recomendo é que utilize o setTimeout
que executa apenas uma vez.
Com isso, seu código ficaria mais ou menos assim:
var partText = "";
function escreverNoObjeto (objeto, texto) {
objeto.innerHTML = texto;
}
function escrever(text, intervalo) {
var partText = '';
var fn = function(texto) {
return function() {
/* pode ser document.getElementById("texto")*/
escreverNoObjeto(document.body, texto);
};
};
for (i = 0; i < text.length; i++) {
partText += text.charAt(i);
setTimeout(fn(partText), intervalo * (i + 1));
}
}
escrever("teste", 1000);
Você ainda poder ver ele funcionando no JSFiddle
Espero ter ajudado \o/