Discussion :

[gescolino]

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]

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

[marcha]

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]

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]

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

[gescolino]

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]

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.