Ich versuche, eine Funktion zu haben, die setTimeout ausführt und dann das innerHTML ändert:

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

Frage: Wie kann ich den neuen Text, der angezeigt wird, zeilenweise animieren, anstatt auf einmal geschrieben zu werden?

Vielen Dank für alle Vorschläge!