Javascript 使文本逐字消失

我不熟悉JavaScript和jQuery开发，我想问一下使用JavaScript使html文本逐字慢慢消失的最简单的方法是什么

---

谢谢。

因为我更加好奇，我想我创造了一个你想要的

演示：

---

它不是消隐，而是运行文本。@GomatoX它是一个启动程序。。而且它不是运行文本。。它删除了文本哇，看起来真不错！但现在我很难过，因为我没有机会使用jQuery和/或您的解决方案：（@Vega谢谢，它真的帮了我的忙。@GomatoX True..我已经更新了我的演示以淡出（消失）看看。您需要相同的代码结构，只是删除元素而不是附加它们。

$(function() {
  var $test = $('#test');
  var initText = $.trim($test.text()), ptr = 0;
  var timer = setInterval(function() {
    var ln = $.trim($test.find('.trans').text().length);
    if (ln == initText.length) {
        $test.empty();
        clearInterval(timer);
    }

    $('#test').html(function() {    

        return $('<span>').addClass('removeMe')
            .html(initText.substring(ptr++ , ptr))
            .before($('<span>').addClass('trans').
                   html(initText.substring(0 , ptr-1)))
            .after(initText.substring(ptr));
    }).find('span.removeMe').animate({'opacity': 0}, 10);

  }, 20);
});

<div id="test">
   This is a test page to demonstrate text disapper letter by letter
</div>

$(function () {
    var $test = $('#test');
    var timer = setInterval( function () {
        var ln = $test.text().length;
        if (ln == 0) clearInterval(timer);

        $('#test').text(function (i, v) {
            return v.substring(1);
        });
    }, 100);
});