Javascript de faire disparaître le texte lettre par lettre puis disparaître

Question

Je crée un site Web et en entrant dans le site, je veux une phrase à s'estomper lettre par lettre et après une période de temps, disparaître comme une phrase entière. J'ai un code qui fait apparaître les lettres lettre par lettre, mais j'ai besoin qu'elles s'affichent plutôt que d'apparaître. Ensuite, une fois que toute la phrase est affichée, tout disparaîtra et ne se répétera pas. Je devrai également faire référence à cela avec 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);  
}); 

Le lien ci-dessous est aux lettres apparaissant lettre par lettre.

http://jsfiddle.net/VZvK7/

Merci pour toute aide !!!

Answer 1

Pour que les lettres apparaissent en fondu ou en fondu, vous devez modifier l'opacité de la lettre. Il y a déjà une réponse à cette question à How to do fade-in and fade-out with JavaScript and CSS où il fournit même une solution dans la vanille JS. L'idée principale du code que vous trouverez est que nous établissons un niveau d'opacité initial assez bas lorsque nous sommes prêts à afficher la lettre, puis que nous augmentons progressivement l'opacité à certains intervalles.