Arreter un setTimeout

Version imprimable

12/02/2009, 19h32
gescolino

Arreter un setTimeout

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
12/02/2009, 19h46
Bovino

C'est pourtant bien avec un clearTimeout que tu peux arrêter un timer, mais sans code, difficile de t'aider !
12/02/2009, 19h46
marcha
Salut,

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

Code:

var t = setTimout(...);

puis pour l'interrompre:
Code:

1 2 clearTimeout(t);
12/02/2009, 20h42
gescolino

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.
12/02/2009, 21h30
marcha

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

Voici donc les fonctions en jeu:

Code:

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:

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);
}

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. :P)

Exemple :
Code:

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:

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.

12/02/2009, 22h28
gescolino

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 :aie:
13/02/2009, 08h25
marcha
en début de code (en dehors de toute fonction) tu écrit:

Code:

var T_GLOBAL = false;

puis pour clearer le timout:
Code:

1 2 3 4 5 if(T_GLOBAL) { clearTimeout(T_GLOBAL); T_GLOBAL = false; }
13/02/2009, 09h14
SpaceFrog

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
13/02/2009, 12h02
gescolino

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.
13/02/2009, 12h58
SpaceFrog

serais-je transparent ?
13/02/2009, 13h19
gescolino

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...
13/02/2009, 13h30
SpaceFrog

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

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:

var tabTimer= new Array();

Création de la fonction timer:
Code:

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:

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

13/02/2009, 13h56
SpaceFrog

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