Discussion :

[goofyto8]

Bonjour,

Dans le code source JS donné sur le site developpez.com pour réaliser un effet de machine à écrire.


Comment faire pour que ça ne se répète pas indéfiniment ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.onload = function(){
      typewriter();
}

Est-ce qu'on peut modifier simplement window.onload pour y parvenir ?

[NoSmoking]

Bonjour,
n'y aurait-il pas une erreur sur le lien de la source ?

Dans la pratique il ne te faut rappeler la fonction qui si le chaine n'a pas été entièrement parcourue, dans le cas contraire tu ne fais rien.

[goofyto8]

Bonjour,
n'y aurait-il pas une erreur sur le lien de la source ?

oui.

http://javascript.developpez.com/tel...chine-a-ecrire

Bonjour,

Dans la pratique il ne te faut rappeler la fonction qui si le chaine n'a pas été entièrement parcourue, dans le cas contraire tu ne fais rien.

??

Si la chaine est entièrement parcourue, pour quelles raisons y-a -il un reset (effacement), puis à nouveau ré-ecriture de la chaine ?
Est-ce l'évènement window.onload qui relance sans arrêt l'effet.

[NoSmoking]

Voilà comment tu pourrais régler le problème

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var letexte = 'Du texte a écrire';
var montimer;
var cmpt = 0;
 
function typewriter() {
  lelien = document.getElementById('lien');
  if (cmpt < letexte.length) {
    courant = lelien.innerHTML.substring(0, lelien.innerHTML.length - 1);
    courant += letexte.charAt(cmpt) + "_";
    lelien.innerHTML = courant;
    cmpt++;
    setTimeout("typewriter()", 100); // rappel de la fonction dans 100 ms
  }
}

compare les deux codes

Est-ce l'évènement window.onload qui relance sans arrêt l'effet.

Non c'est le rappel via la méthode setTimeout, qu'il serait préférable d'ailleurs d'écrire comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

setTimeout( typewriter, 100); // rappel de la fonction dans 100 ms