Eu estou tentando ter uma função que faz setTimeout e, em seguida, altera o innerHTML:

<code><script type="text/javascript">
    $(document).ready(function(){
        setTimeout(function(){
            document.getElementById("middlecolor").innerHTML='new text new text';
        }, 1000);
    });
</script>
</code>

Questão: Como eu poderia animar o novo texto que aparece, isto é, linha por linha em vez de ser escrito de uma só vez?

Obrigado por qualquer sugestão !!