Discussion :

[Friksstyle]

Bonjour à tous,
Je suis en train de faire joujou avec jQuery à partir d'un tuto que j'ai trouvé:
http://www.css3create.com/Barre-de-p...HTML5-progress

C'est une barre de chargement en CSS+jQuery.

Mais je n'arrive pas à arrêter le setInterval lorsque le chargement est à 100%.

Voici le code que j'ai modifié (mais qui ne marche pas):

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
 
$(document).ready(function(){
 
function modifValues(){ var val = $('#progress progress').attr('value'); if(val>=100){return true;}
 else
 {
  var newVal = val*1+0.25;
  var txt = Math.floor(newVal)+'%';
  $('#progress progress').attr('value',newVal).text(txt);
  $('#progress strong').html(txt);
 }
}
 
var tend = setInterval(function(){ modifValues(); },40);
 
if(tend == true)
{
	alert('true');
}
 
});

Ici lorsque la valeur atteint 100% je devrai avoir un alert mais il ne se passe rien.
Si quelqu'un pouvait m'éclairer là-dessus se serait gentil.

Merci d'avance !

[Bovino]

Tout d'abord, puisque ta fonction de rappel ne demande pas d'arguments, tu peux écrire plus simplement

Code :

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

var tend = setInterval(modifValues,40);

Sinon, pour ta question :

Code :

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

clearInterval(tend);

[Friksstyle]

Je te remercie de ta réponse Bovino, je ne connaissais pas (encore) clearinterval.

Cependant j'ai toujours un soucis avec cette fonction.
Dans la théorie lorsque "val" atteint 100, ma fonction doit retourner "true".
Et lors de mon test si "tend" vaut true alors je place mon clearInterval.
Mais bizarrement la condition ne s'effectue pas...
As-tu une idée là-dessus?

EDIT: en procédant avec un alert de mon "tend" je m'aperçois qu'il vaut "2".
Chose étrange car il devrait me retourner un true ou un false (que j'ai placé dans mon else pendant mon test)

[Bovino]

tend est l'identifiant lié au setInterval, il ne vaut donc pas true mais une valeur numérique fixe.
Ensuite, c'est dans la fonction de rappel qu'il faut faire le clearInterval() si tu as atteins 100.

[Friksstyle]

Effectivement, je ne savais pas que setInterval donnait un ID.
Je sais que je dévie du sujet de base mais mon problème subsiste toujours.
Lorsque val atteint la valeur 100 je mets mon clearInterval(tend).
Au passage dans ma fonction je retourne un true pour faire un test. Mais bizarrement ce true ne vient jamais.
Saurais-tu pourquoi?

Voici le code:

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
$(document).ready(function(){
 
function modifValues(){ var val = $('#progress progress').attr('value'); if(val>=100){clearInterval(tend);return true;}
 else
 {
  var newVal = val*1+0.25;
  var txt = Math.floor(newVal)+'%';
  $('#progress progress').attr('value',newVal).text(txt);
  $('#progress strong').html(txt);
 }
}
 
var tend = setInterval(function(){ modifValues },40);
var test = modifValues(); 
 
if(test == true)
{
	alert('true');
}
 
});

[NoSmoking]

Bonjour,

Au passage dans ma fonction je retourne un true pour faire un test. Mais bizarrement ce true ne vient jamais.

comment peux tu en être sûr?