Discussion :

[guilten]

Bonjour,

Mon problème est le suivant :

J'ai un diaporama avec effet fade qui fait défiler des photos à chaque appui sur un bouton précédent ou suivant. Le bug arrive quand je reclique sur le même bouton avant que le fade soit terminé. Ca fait un truc bizarre puis ça passe a la photo suivante.

J'aimerais savoir s'il est possible de détecter si le timer est en cours d'exécution pour pouvoir annuler toutes actions si je reclique sur le bouton avant la fin du fade ?

J'espère être assez clair

[arnogues]

Code :

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

1
2
3
4
5
6
7
 
var montimer = setTimeout(function() {
  //anim actions
};
 
 
clearTimeout(montimer) //j'annule le timer

[guilten]

Ok j'ai bien utilisé ça dans ma fonction, mais est il possible en début de fonction par exemple, d'ajouter un code qui permettrait d'annuler toutes actions sur les boutons suivant et précédent tant que le timer n'est pas fini ?

[SylvainPV]

Vu que tu sais à quel moment se termine ton timer (soit dans la fonction appelée par ce timer, soit aux appels clearTimeout), tu peux facilement faire tous les tests dont tu as besoin:

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
 
//le set
var timerFini = false;
var montimer = setTimeout(function() {
  //anim actions
    timerFini=true;
};
 
bouton.onclick= function(){
if(!timerFini) return;
//ton code
}
 
//si tu dois clear le timeout en avance
clearTimeout(montimer);
timerFini = true;

[guilten]

Merci sylvain c'est exactement ce que je voulais savoir

[guilten]

Par contre j'ai un problème quand je rentre sur la page la première fois, j'ai ma variable timerFini qui est initialisé à false, je ne peux donc pas déclencher le diapo

[guilten]

C'est bon, j'ai initialisé ma variable à true dans ma fonction init qui contient les événements.
Puis je l'a passe en false en début de ma fonction nextPic.
Elle repasse à true quand le timer est terminé et là je peux recliquer sur le bouton et ça marche !