Estoy tratando de tener una función que establezca setTimeout, luego cambie el innerHTML:

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

Pregunta: ¿Cómo podría animar el nuevo texto que aparece, es decir, línea por línea en lugar de escribirlo todo a la vez?

Gracias por cualquier sugerencia !!