multiples timers simultanés

**piotrowski-s** · 10/04/2012, 11h27

Bonjour à tous, j'ai ce code ci qui est dupliqué car j'ai besoin de différents timers,
pour faire apparaitre les éléments en fonction des desiderata, à savoir affichage dynamique après x secondes,
variant sur certains div.
Ici j'ai donc ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript"> 
var timer7;
window.onload = function () { 
  setTimeout(function () { 
    var div = document.getElementById('7'); 
    div.innerHTML = '<img src=images/tick_48.png>';  
  }, 14000); 
} 
clearTimeout(timer7);
</script>

du coups je ne sais pas vraiment ce qui ne vas pas.

D'avance merci pour votre aide.

tout est bien adapté avec des divs différents, et des variables et des cleartimeout différents, mais en dépit de cela, il ne charge que le dernier, les premiers ne s’exécutent pas.

voici le code du premier à titre d'exemple.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table><tr><td><div id="1"> 
<img src="images/25-0.gif">
</div> 
<script type="text/javascript"> 
var timer1;
window.onload = function () { 
  setTimeout(function () { 
    var div = document.getElementById('1'); 
    div.innerHTML = '<img src=images/tick_48.png>';  
  }, 3000); 
} 
clearTimeout(timer1);
</script> </td><td><p>1/7 Les informations légales du client ont bien été enregistrées.</p></td></tr></table>

D'avance merci pour votre aide

**RomainVALERI** · 10/04/2012, 11h31

1) Il me semble (à vérifier ^^) qu'un id doit commencer par un caractère alpha non-numérique.

2) Tes variables timer1, timer7, timerN sont inutiles ici... A quoi imaginais-tu qu'elles servaient ?

**piotrowski-s** · 10/04/2012, 11h33

je les avais mises pour effacer le compteur car visiblement je ne peux pas avoir plusieurs compteurs.

Pour les id, je les ai remplacé par des lettres par précaution.

Mais ça n'a pas changé les timers. J'ai toujours seulement le dernier qui s'exécute.

**Bovino** · 10/04/2012, 11h37

Donc pour toi, il suffit de déclarer une variable pour qu'elle référence l'objet auquel tu as pensé ?

1) Il me semble (à vérifier ^^) qu'un id doit commencer par un caractère alpha non-numérique.

Je confirme, mais cela n'a pas particulièrement d'impact.

**piotrowski-s** · 10/04/2012, 11h40

non, mais pour être franc, j'ai fais cela sans réfléchir,n je voulais tellement que cela fonctionne. Et je ne sais plus comment progresser, j'ai déjà eu particulièrement du mal a en arriver la ne connaissant rien au javascript. Mais comme j'ai dans un deuxieme var le

Code :

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

    var div = document.getElementById('1');

j'ai pas réussi à faire

Code :

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

cleartimeout(    var div = document.getElementById('1'); )

du coup j'ai essayé une alternative en vain.

Déjà j'ai pu voir que il ne fallait pas utiliser plusieurs fois l'élément onload, mais du coup ne ne sais pas par quoi le substituer.
D’avance merci.

**piotrowski-s** · 10/04/2012, 12h03

Bon, après avoir potasser un peu, voici ma solution qui pourra peut-être servir à d'autres :

entre <HEAD>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
 
function Cng(id,src,ms){
  setTimeout(function () { document.getElementById(id).innerHTML = '<img src='+src+' >'; }, ms);
 
}
window.onload = function () {
 Cng('d1','images/tick_48.png',3000);
 Cng('d2','images/tick_48.png',4000);
 Cng('d3','images/tick_48.png',5500);
 Cng('d4','images/tick_48.png',6500);
 Cng('d5','images/tick_48.png',8500);
 Cng('d6','images/tick_48.png',10000);
 Cng('d7','images/tick_48.png',11500);
}
 
</script>

</HEAD>

Entre
<BODY>

Code :

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

1
2
3
<div id="d1"> 
<img src="images/25-0.gif">
</div>

</BODY>

Bien entendu, à adapter en fonction de vos besoin

multiples timers simultanés

JavaScript

Vue hybride

Discussions similaires

Partager

Partager