Jquery - 动画innerHTML 可能吗？

我试图有一个函数来执行 setTimeout，然后更改innerHTML：

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

Question：我如何为出现的新文本设置动画，即逐行而不是一次全部写入？

感谢您的任何建议！

尝试这样的事情：

<div id="text">
</div>

$(document).ready(function () {
    var interval = setInterval(function () {
        $('#text').append('<p style="display: none;">new text</p>');
        $('#text p:last').fadeIn('slow');
    }, 5000);
});

参见示例here http://jsfiddle.net/7Jve8/3/

如果你想消除间隔，可以这样做：

clearInterval(interval);

伟大的。