Aller au contenu

Photo

Affichage lettre par lettre


  • Veuillez vous connecter pour répondre
Aucune réponse à ce sujet

#1 DarkenNights

DarkenNights
  • Membre

  • 21 messages
  • League of Legends:DarkenNigths
  • LocationPau

Posté 04 avril 2014 - 06:04

Bonjour à toutes et à tous,

 

Aujourd'hui je vous propose de vous donner un petit bout de code vous permettant d’écrire un texte sur une page Web en javascript qui s'affiche à la manière d'une personne écrivant sur un clavier. J'entends par là qu'on à l'impression que quelqu'un écrit la phrase ou le mot sur l'écran.

function lettreParLettre(phrase, i) {
    $("#texte").html($("#texte").html()+phrase.charAt(i));
}

function nouvellephrase(phrase) {
    $("#texte").html("");
    for(var i = 0; i<phrase.length; i++) {
        (function(i) {
            var temps = (i+1) * 70;
            setTimeout(function () {lettreParLettre(phrase, i);}, temps);
        }(i));
    }
} 

À savoir que j'utilise JQuery, mais vous pouvez très bien utiliser Javascript natif en remplaçant  $("#texte").html(""); par document.getElementById("texte").innerHTML = "";

 

À bientôt et n'hésitez pas si vous avez besoin d'un bout de code en particulier! 

 


Mieux vaut un coup de boule dans les dents qu'un coup de dents dans les boules




0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)