テキストを手紙で文字を消してから消す

Question

私はウェブサイトを作成しています。サイトに入ると、手紙で文字が消えてしまい、一定の期間が過ぎると文全体が消えてしまいます。私は手紙を手紙で手紙にするいくつかのコードを持っていますが、私はそれらを単に現われるのではなく "フェードイン"する必要があります。その後、文全体が表示されると、一度にすべて消え、繰り返されません。また、CSSでこれを参照する必要があります。

var showText = function (target, message, index, interval) {  
    if (index < message.length) { 
    $(target).append(message[index++]); 
    setTimeout(function() { showText(target, message, index, interval); }, interval); 
    } 
} 

$(function() { 
    showText("#msg", "Hello, World!", 0, 500);  
}); 

以下のリンクは、手紙で手紙に現れる手紙です。

http://jsfiddle.net/VZvK7/

任意の助けをありがとう！

Answer 1

文字をフェードインまたはフェードアウトするようにするには、文字の不透明度を変更する必要があります。 How to do fade-in and fade-out with JavaScript and CSSにこの質問に対する回答があります。ここで彼はバニラJSのソリューションを提供します。

コードの主な考え方は、最初の不透明度レベルを設定しています。これは、文字を表示する準備ができているときに非常に低く、一定の間隔で不透明度を徐々に増加させることです。