Génial ! J'aime beaucoup la touche "humaine" pour l'écriture du texte. J'ai, sur mon site, quelques choses un peu équivalent, manque juste le côté "humain". Je vais intégrer ça ! Merci Antho ! (Ça vaut bien l'absence de news letter pour aujourd'hui lol 😋) bonne continuation dans ton road trip !
Merci, Antho Welc. J'ai modifié le code pour que ça soit à la place d'une seule phrase, plusieurs phrases contenu dans un tableau (dommage que youtube ne propose pas la coloration syntaxique de code) : const title = document.getElementById('typingEffect'); const text = ["Salut, ça va ?", "J'apprends le Javascript", "Petit effet de texte qui s'écrit"]; let timer = setInterval(() => { typingEffect(text, title); }, 500); function randomNumber(min, max) { return Math.floor(Math.random() * (max - min+1) + min); } /** * @function typingEffect * @description Permet de faire un effet de texte qui s'écrit * @param {Array} textArray * @param {HTMLElement} htmlElement */ async function typingEffect(textArray, htmlElement, indexString = 0, indexArray = 0) { htmlElement.innerHTML = textArray[indexArray].slice(0, indexString); indexString++; if(indexString > textArray[indexArray].length) { indexString = 0; indexArray++; await new Promise(r => setTimeout(r, 1000)); // Permet d'attendre (sleep) if(indexArray >= textArray.length) { indexArray = 0; } } clearInterval(timer); timer = setInterval(() => { typingEffect(textArray, htmlElement, indexString, indexArray); }, randomNumber(100, 300)); }
Salut, quand j'enlève l'affectation à la variable timer du setInterval qui comporte la fonction randomSpeed, le système va super vite, je ne comprend pas pour quoi?
C’est avec des petits projets comme ça qu’on progresse, mais comment savoir tout ce qu’on peut faire avec js ? La je suis débutant mais je peux juste recopier et expérimenter ^^
![Créer un effet d'écriture [PARTIE 1]](http://i.ytimg.com/vi/y4ryY8gJFrc/mqdefault.jpg)
![Créer un effet d'écriture [PARTIE 1]](/img/tr.png)
merci je suis débutant en JS et vraiment super ta vidéo je vais aller voir sur ton site pour la formation ça a l'air sympa
Génial ! J'aime beaucoup la touche "humaine" pour l'écriture du texte. J'ai, sur mon site, quelques choses un peu équivalent, manque juste le côté "humain". Je vais intégrer ça ! Merci Antho ! (Ça vaut bien l'absence de news letter pour aujourd'hui lol 😋) bonne continuation dans ton road trip !
Merci, Antho Welc.
J'ai modifié le code pour que ça soit à la place d'une seule phrase, plusieurs phrases contenu dans un tableau (dommage que youtube ne propose pas la coloration syntaxique de code) :
const title = document.getElementById('typingEffect');
const text = ["Salut, ça va ?", "J'apprends le Javascript", "Petit effet de texte qui s'écrit"];
let timer = setInterval(() => {
typingEffect(text, title);
}, 500);
function randomNumber(min, max) {
return Math.floor(Math.random() * (max - min+1) + min);
}
/**
* @function typingEffect
* @description Permet de faire un effet de texte qui s'écrit
* @param {Array} textArray
* @param {HTMLElement} htmlElement
*/
async function typingEffect(textArray, htmlElement, indexString = 0, indexArray = 0) {
htmlElement.innerHTML = textArray[indexArray].slice(0, indexString);
indexString++;
if(indexString > textArray[indexArray].length) {
indexString = 0;
indexArray++;
await new Promise(r => setTimeout(r, 1000)); // Permet d'attendre (sleep)
if(indexArray >= textArray.length) {
indexArray = 0;
}
}
clearInterval(timer);
timer = setInterval(() => {
typingEffect(textArray, htmlElement, indexString, indexArray);
}, randomNumber(100, 300));
}
Salut, quand j'enlève l'affectation à la variable timer du setInterval qui comporte la fonction randomSpeed, le système va super vite, je ne comprend pas pour quoi?
C’est avec des petits projets comme ça qu’on progresse, mais comment savoir tout ce qu’on peut faire avec js ? La je suis débutant mais je peux juste recopier et expérimenter ^^
C'est top continue
^^ le blocage
Bonjour
Je souhaite vous contacter .
Auriez-vous facebook ou insta ou tweeter ?
Merci d'avance pour votre réponse..