javascript - テキストを文字ごとに非表示にする

Question

私は JavaScript と jQuery の開発に不慣れで、JavaScript を使用して html テキストを文字ごとにゆっくりと非表示にする最も簡単な方法は何ですか?

ありがとう。

Answer 1

さらに気になったので、まさにあなたが探しているものを作成したと思います。

デモ: http://jsfiddle.net/DbknZ/3/

$(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);
});

---

私はちょうど興味があり、あなたのために小さなことを書きました..それはスターターになる可能性があります..

基本的には、文字ごとに削除するタイマーです。以下を参照してください。

デモ: http://jsfiddle.net/TTv7L/1/

HTML:

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

JS:

$(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);
});