Affichage secteur de décomptage de secondes

Version imprimable

06/07/2018, 11h35
radjiv97441

Affichage secteur de décomptage de secondes

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.

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

Code:

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

06/07/2018, 19h52
radjiv97441

Super, merci.
07/07/2018, 18h01
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 ?
07/07/2018, 21h47
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😇