Aucune réponse à ce sujet

[DarkenNights]

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!