Discussion :

[radjiv97441]

Bonjour, je vais essayer une affichage par un secteur mais je bute sur plusieurs problème. Voici un lien : https://codepen.io/Radjiv/pen/pKXdWx. La fonction "terminer()" n'est pas appelée et je ne sais pas pourquoi.
Lorsque j'appelle plusieurs fois la même fonction "clickme()" le décompte bug.

[Toufik83]

je n'ai pas compris cette fonction terminer(), normalement c'est "complete" que tu dois utiliser

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
 
function clickme() {
  pct = $('#pourcentage');
  var temps=1000*Number(pct.html());//container.text("");
  if(temps <=0) return;
  var progressBar = $('<div style="display:none;"></div>');
  $('button').eq(0).prop('disabled',true);//désactiver le bouton démarrer tant que l'animation n'est pas encore terminée.
  pct.append(progressBar).queue('example', function() {
	progressBar.animate({ width: '100%' }
	, {duration: temps
	, step: function( currentLeft, animProperties ){drawSector(currentLeft);pct.text(currentLeft);}
	,complete:function(){
            console.log('animation terminée');
            pct.text("15");
            pct.dequeue('example');
            $('button').eq(0).prop('disabled',false);//réactiver le bouton
         } 
     });
  });
  if(!progressBar.prevAll(':animated').length) {pct.dequeue('example');}
}

[radjiv97441]

Super, merci.

[radjiv97441]

Bonjour, comme je réalise un qcm, j'ai un problème lorsque je passe à la question suivante, il faudrait stopper le timer pour que je puisse enchainer sur l'autre question. Vous avez une idée ?

[Toufik83]

Pour stopper une animation, on utilise $.stop() mais il faut savoir où et quand l'utiliser, regarde au côté de la documentation de $.animate😇