Problème pour JAVASCRIPTEURS

Fermé

JessayeDeTrouver Messages postés 270 Date d'inscription mercredi 9 septembre 2009 Statut Membre Dernière intervention 4 mai 2012 - 14 nov. 2009 à 16:48
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 14 nov. 2009 à 17:27

Bonjour, j'ai un problème, mais d'abord je voudrais vous montrer ce que je voudrais faire :

Dans une page web, j'ai 3 lignes comme ceci :

<div id='idLigne0'>2</div>
<div id='idLigne1'>5</div>
<div id='idLigne2'>2</div>

Ensuite avec une fonction javascript, j'incrémente toutes les valeurs des lignes simultanément toutes les secondes ,
càd que à la 1ère seconde:
-à la 1ère ligne : le 2 devient 3,
-à la 2ème ligne : le 5 devient 6,
-et à la 3ème ligne : le 2 devient 3.

puis à la 2ème seconde :
-à la 1ère ligne : le 3 devient 4,
-à la 2ème ligne : le 6 devient 7,
-et à la 3ème ligne : le 3 devient 4.

etc..

Voici donc le code complet de la page web qui contient la fonction javacript en question :

<html>
<head>
</head>
<body>

<div id='idLigne0'>2</div>
<div id='idLigne1'>5</div>
<div id='idLigne2'>2</div>

<script language='javascript'>

function incrementerTouteLesSecondes()
{
for(n=0;n<=2;n++)
{
objLigne=new Array(); //On sélectionne tous les id des lignes
objLigne[n]=document.getElementById("idLigne"+n);

valeurDansLaLigne=new Array(); //On récupère les valeurs de chaque ligne
valeurDansLaLigne[n]=objLigne[n].innerHTML;
valeurDansLaLigne[n]=eval(valeurDansLaLigne[n]);

valeurDansLaLigne[n]=valeurDansLaLigne[n]+1; //On incrémente de 1 à toutes les valeurs des lignes simultanément

objLigne[n].innerHTML=valeurDansLaLigne[n]; //Puis on affiche les nouvelles valeurs, càd les valeurs qu'on vient d'incrémenter
}

setTimeout("incrementerTouteLesSecondes()",1000); //Puis on récommence
}

incrementerTouteLesSecondes(); //On lance la fonction incrementerTouteLesSecondes()

</script>

</body>
</html>

Et donc ce que je n'arrive pas à faire, c'est que si une des lignes a atteint la valeur 10, et bien on arrète d'incrémenter cette ligne.

Par exemple : imaginons que la valeur de la 2ème ligne a atteint la valeur 10, et donc on n'incrémente plus le 10,
et que la valeur de la 1ère et celle de la 3ème ligne continuent d'incrémenter car elles n'ont pas encore atteint la valeur 10.

Est-ce que quelqu'un sait comment il faut faire ?, je suis dessus depuis midi...

Merci d'avance, cordialement

1 réponse

Réponse 1 / 1

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 499
14 nov. 2009 à 17:27

Dans ton contenu :

<div id='ligne1'>2</div>
<div id='ligne2'>5</div>
<div id='ligne3'>2</div>

Dans l'entête (entre <head> et </head>) :

<script type="javascript">
function incrementer() {
	// Création des raccourcis
	var ligne1 = document.getElementById('ligne1');
	var ligne2 = document.getElementById('ligne2');
	var ligne3 = document.getElementById('ligne3');
	
	// Incrémentation de la ligne 1
	var valeurLigne1 = ligne1.innerHTML;
	valeurLigne1++;
	ligne1.innerHTML = valeurLigne1;
	
	// Incrémentation de la ligne 2
	var valeurLigne2 = ligne1.innerHTML;
	valeurLigne2++;
	ligne2.innerHTML = valeurLigne2;
	
	// Incrémentation de la ligne 3
	var valeurLigne3 = ligne1.innerHTML;
	valeurLigne3++;
	ligne3.innerHTML = valeurLigne3;
}
window.onload = function() {
	setInterval("incrementer()",1000)
}
</script>

Newsletters