Arreter un setTimeout

**gescolino** · 12/02/2009, 19h32

Bonjour,

Voici la situation:

J'ai une fonction de timer qui après un certain temps rempli un div avec du contenu.
Mais voilà mon problème: le site est en ajax et quand je choisi d'afficher un nouveau contenu, la page entière n'est pas rechargée mais uniquement la div remplie avec un autre contenu. Le timeout continue à s'opérer. De ce fait si je relance un timer il va bien se lancer mais l'autre contenue à tourner et je peux voir les deux timer se superposer...

Y aurait-il un moyen d'arrêter ce timer? J'ai bien essayé avec clearTimeout mais en vain.

Merci d'avance

**Bovino** · 12/02/2009, 19h46

C'est pourtant bien avec un clearTimeout que tu peux arrêter un timer, mais sans code, difficile de t'aider !

**marcha** · 12/02/2009, 19h46

Salut,

il faut mémoriser la référence sur le timer quand tu l'active.

Code :

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

var t = setTimout(...);

puis pour l'interrompre:

Code :

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

1
2
 
clearTimeout(t);

**gescolino** · 12/02/2009, 20h42

En effet j'ai bien essayé de référencé mon timer mais là un autre problème. Je vais vous faire un cas concret.

J'ai un menu. Quand je clique sur un texte du menu ça mets du contenu dans la div centrale. Quand je clic sur un contenu de la div centrale, on affiche les infos de ce contenu et on lance le timer.
Si à ce moment on re clic dans le menu le contenu central change mais le timer continue de tourner. Et donc si on clic sur un nouveau contenu central on a les deux timers en parallèle...

J'ai donc essayé de mettre dans ma fonction d'affichage de contenu le clearTimeout(t) mais bien évidemment si le timer n'a jamais été lancé le t n'existe pas.

**marcha** · 12/02/2009, 21h30

donne nous un bout de code, ça sera plus clair

**gescolino** · 12/02/2009, 22h09

Voici donc les fonctions en jeu:

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
 
// Fonction d'affichage en texte du timer
function ici(i)
{
    if(i>1)
        var s='s';
    else
        var s='';
 
   document.getElementById('minuteur').innerHTML =i;
   document.getElementById('texteMin').innerHTML =' seconde'+s;
}
 
// Fonction qui lance le timer
function timer(temps, totalTemps, contenu, sorte)
{
   for(i = temps; i >= 0; i -- )
   {
 
      var t=setTimeout("ici(" + i + "," + temps + ")", totalTemps - i * 1000);
   }
   t=setTimeout("getF(\'" + contenu + "\',\'" + sorte + "\')", totalTemps);
}
 
// Fonction qui recupere le contenu unique
function getF(contenu, sorte)
{
   /* Requète Ajax */
   var options =
   {
      method : "post", evalScripts : true, parameters : "contenu=" + contenu + "&sorte=" + sorte + "&sid=" + Math.random(),
      onComplete : function()
      {
         // Toujours appelé en fin de requête
         document.getElementById("loadingPrincipal").style.display = 'none';
         page_loaded();
      }
   }
   ;
   var ajaxCall = new Ajax.Updater("afficheur", "_getContent.php", options);
}

Et voici la fonction que j'appelle quand je clic sur un bouton du menu:

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
18
19
20
21
22
23
24
25
26
 
function getContenu(id, type, debut)
{
 
// Ici je pensais faire un cleartimeout à chaque fois mais non...
//clearTimeout(t);
 
   /* Requète Ajax */
   var options =
   {
      method : "post", evalScripts : true, parameters : "id=" + id + "&type=" + type + "&debut=" + debut + "&sid=" + Math.random(),
      onLoading : function()
      {
         document.getElementById("main-content").innerHTML = '<span id="loadingPrincipal" style="display:block;"><img src="loading.gif" alt="" style="width:80px;height:20px;" /><br/></span>';
      }
      ,
      onComplete : function()
      {
         // document.getElementById("loadingPrincipal").style.display = 'none';
         page_loaded();
 
      }
   }
   ;
   var ajaxCall = new Ajax.Updater("main-content", "reqAffContenu.php", options);
}

**Boa67** · 12/02/2009, 22h21

Hello. =)

Bon, voilà le truc.
A la base je pensais à un problème de portée de variables, mais vu qu'après tu as défini "t=", je me suis dit c'est bon, et j'ai supprimé mon message.

En fait non c'est pas bon, il faudrait que tu l'apelles autrement ta variable globale, puisque tu l'as déjà appelée t avant !

Appelle-là donc T_GLOBAL ou qqc du genre, et ça fonctionnera peut-être;
(Je ne me suis pas lancé plus que ça dans ton code, désolé d'avance si je dis une bêtise.

)

Exemple :

Code :

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

1
2
3
4
5
6
   for(i = temps; i >= 0; i -- )
   {
 
      var t=setTimeout("ici(" + i + "," + temps + ")", totalTemps - i * 1000);
   }
   t=setTimeout("getF(\'" + contenu + "\',\'" + sorte + "\')", totalTemps);

remplacé par

Code :

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

1
2
3
4
5
6
7
 
   for(i = temps; i >= 0; i -- )
   {
 
      var t=setTimeout("ici(" + i + "," + temps + ")", totalTemps - i * 1000);
   }
   GLOBAL_T=setTimeout("getF(\'" + contenu + "\',\'" + sorte + "\')", totalTemps);

et après tu fais le clearTimeout sur GLOBAL_T.

**gescolino** · 12/02/2009, 22h28

D'accord mais la première fois que je clic sur mon menu
quand je viens sur le site cette variable n'est pas encore initialisée
d'où le problème. Il faudrait que je bidouille en testant si la variable existe
mais là n'est pas le but

**marcha** · 13/02/2009, 08h25

en début de code (en dehors de toute fonction) tu écrit:

Code :

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

var T_GLOBAL = false;

puis pour clearer le timout:

Code :

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

1
2
3
4
5
 
if(T_GLOBAL) {
  clearTimeout(T_GLOBAL);
  T_GLOBAL = false;
}

**SpaceFrog** · 13/02/2009, 09h14

le souci aussi est que dasn la boucle tu redeclares à chaque fois ton timer ...
si tu dois en avois plusieurs il faudra les pusher dans un array de sorte à pouvoir en faire un clearTimeout avec l'indexe de l'array

**gescolino** · 13/02/2009, 12h02

Là il y a des choses qui me dépassent...
J'ai bien déclaré la variable en dehors puis lors de mon clic sur le menu j'appelle la fonction qui va tester la variable.
J'ai fait un alert dedans pour voir si ça passait bien par là et il remet bien le T_GLOBAL à false.

Quand je clic sur le menu j'ai une erreur firebug qui me dit que mon div où s'affiche le timer est à null donc on dirait que la boucle for continue de tourner quand même.
Donc je me demande si ça n'est pas la boucle for qui ne s'arrête pas en fin de compte.

**SpaceFrog** · 13/02/2009, 12h58

serais-je transparent ?

**gescolino** · 13/02/2009, 13h19

Bien sur que non mais je pensais uniquement si j'allais avoir plusieurs timer différents. Car là il me semblait qu'il n'y avait qu'un seul et unique timer T_GLOBAL.
Mais apparemment vu ta remarque ce sont à chaque fois de timer différents. Je vais donc essayer de mettre tout ca dans un tableau prendre ça taille et faire une boucle for pour tous les clearer.

Désolé de mon ignorance...

**SpaceFrog** · 13/02/2009, 13h30

avant de faire cela montre nous l'etat de ton code ...

**gescolino** · 13/02/2009, 13h42

Ah finalement c'est bon merci beaucoup SpaceFrog je ne pensais pas qu'il me créerait en fait un nouveau timer à chaque fois. Tout fonctionne impecablement.

Pour ceux que ca pourrait aider voici ce que j'ai fait.

Déclaration d'un tableau global vide:

Code :

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

var tabTimer= new Array();

Création de la fonction timer:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function timer(temps, totalTemps, contenu, sorte)
{
 
   for(i = temps; i >= 0; i -- )
   {
 
      TimerGlobal=setTimeout("ici(" + i + "," + temps + ")", totalTemps - i * 1000);
      tabTimer.push(TimerGlobal);
   }
   TimerGlobal=setTimeout("getF(\'" + contenu + "\',\'" + sorte + "\')", totalTemps);
   tabTimer.push(TimerGlobal);
}

Ensuite lorsque je dois stopper ces timer:

Code :

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

1
2
3
4
5
6
7
function effacerTimeout(){
    if(tabTimer.length) {
 
        for(i=0;i<=tabTimer.length;i++)
            clearTimeout(tabTimer[i]);
    }
}

**SpaceFrog** · 13/02/2009, 13h56

un autre façon eut été de faire un clearTimeout avant de lancer un nouveau timer ...

Arreter un setTimeout

JavaScript

Discussions similaires

Partager

Partager