Délai avant affectation booléenne ?

Version imprimable

24/07/2013, 11h59
Invité

Délai avant affectation booléenne ?

Bonjour,

Les fonction que nous définissons nous-même ne sont apparemment pas "arrêtables", j'ai donc pensé à mettre une valeur booléenne dans ma fonction et ne la lancer que si elle est à true.

Je ne parviens cependant pas à affecter un délai avant l'affectation de cette valeur ; en effet j'ai essayé le setTimeout (avec une fonction qui ne fait rien), le delay et le callback. Rien n'y fait, la valeur est toujours affectée immédiatement ou pas du tout.

Pouvez-vous m'éclairer sur le sujet svp ? :roll:
24/07/2013, 12h03
v1cent

je n'ai pas trop compris ce que tu veux faire, si tu souhaite un délais avant de lancer une fonction, setTimeout est là pour ça, si tu veux mettre une condition à vérifier au lancement de la fonction, tu met une condition.

Si tu veut un délais avant de paramétrer ce booléen (par exemple si ta fonction est appellée plusieurs fois), tu peux tuiliser setTimeout aussi.

Citation:

essayé le setTimeout (avec une fonction qui ne fait rien), le delay et le callback

C'est flou, nous montrerais tu quelques lignes de code qu'on puisse t'aider un peu plus ?

Bien sûr, voilà le code :

Sur un événement, je souhaite stopper la fonction suivante qui se lance dès le chargement de la page :

Code:

1
2
3
4
5
6
7
8
9
10
function launchGallerySlider() {
        var $presentGallerySlide = $('#gallery > ul > li:visible');
        var $nextGallerySlide = $('#gallery > ul > li:visible').next('li');
        if ($nextGallerySlide.length < 1) {
            $nextGallerySlide = $('#gallery > ul > li:first-of-type');
        }
        $presentGallerySlide.fadeOut();
        $nextGallerySlide.fadeIn();
        setTimeout('launchGallerySlider()', 6000);
}

Pour la redémarrer ensuite.
Etant donné que cela n'est pas possible, j'utilise une valeur booléenne ($runGallerySlider) qui ne lance la fonction que s'il elle est à true.

La fonction devient donc :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function launchGallerySlider($runGallerySlider) {
    if ($runGallerySlider) {
        var $presentGallerySlide = $('#gallery > ul > li:visible');
        var $nextGallerySlide = $('#gallery > ul > li:visible').next('li');
        if ($nextGallerySlide.length < 1) {
            $nextGallerySlide = $('#gallery > ul > li:first-of-type');
        }
        $presentGallerySlide.fadeOut();
        $nextGallerySlide.fadeIn();
        setTimeout(function(){launchGallerySlider($runGallerySlider);}, 6000);
    }
}

Le problème est que quand j'utilise :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$('#albums > div:nth-of-type(2) > div > figure').click(function() {
        $runGallerySlider = false;
        var $text = $(this).find('figcaption').text();        
        $(this).addClass('albumSelected');
        $('#loadingPhotos').fadeIn(600, function() {
            $('#gallery > ul').hide(0);
            $(this).delay(1000).fadeOut(1200, function() {
                $('#gallery > ul').slideDown(600, function() {
                    $runGallerySlider = runTrueGallerySlider();
                });
            });
        });
        $textToChange.slideUp(300, function() {
            $(this).addClass('albumSelected');
            $(this).empty().append($text).fadeIn();
        });
    });

Avec la fonction :

Code:

1
2
3
function runTrueGallerySlider() {
    setTimeout(function(){return true;}, 6000);
}

Tout fonctionne, le slider s'arrête bien (étant donné le booléen à false) mais dans ce cas il ne redémarre pas.
Et lorsque je fais en sorte de faire un callback en affectant la valeur sur l'évènement, la valeur true est affectée instantanément...

Je veux soit parvenir à stopper la fonction pour la redémarrer manuellement, soit parvenir à faire un délai avant l'affectation du booléen à true.

:mouarf:

Citation:

Envoyé par Croconino

Bonjour,

Les fonction que nous définissons nous-même ne sont apparemment pas "arrêtables", ...

8O et return !

Code:

1
2
3
4
5
6
7
function nefaitrien(){
    return;
 
    while( true ){
        console.log( "je ne m'arrête jamais" );
   }
}

Avec un booléen :

Code:

1
2
3
4
5
6
7
8
9
10
11
var boolOK = true;
 
function launchGallerySlider(){
	// code
 
    setTimeout( function(){
    	if ( boolOK ){
    		launchGallerySlider();
    	}
    }, 6000 );
}

Merci de ta réponse, mais c'est précisément ce que j'ai fait ; je l'ai plus ou moins refait à ta façon.

Ça donne le code suivant mais toujours sans le délai de 6000 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$runGallerySlider = false;
var $text = $(this).find('figcaption').text();
$('#loadingPhotos').fadeIn(600, function() {
    $('#gallery > ul').hide(0);
    $(this).delay(1000).fadeOut(1200, function() {
        $('#gallery > ul').slideDown(600, function() {
            setTimeout(function(){return;}, 6000, function() {
                $runGallerySlider = true;
            });
        });
    });
});

Code:

1 2 3 setTimeout(function(){return;}, 6000, function() { $runGallerySlider = true; });
:no:

C'est pas comme ça qu'on utilise setTimeout()...

où déifnit tu la variable $runGallerySlider ?
Code:

1 2 3 function launchGallerySlider($runGallerySlider) { //... }
soit c'est une variable que tu passe en paramètre, et dans ce cas tu ne pourra que difficilement la modifier de l'extérieur, soit c'est une variable globale (de window plus précisément), et dans ce cas tu n'a pas besoin de la passer en paramètre

Sinon, je pense que ça répondra a ton besoin plus que cette histoire de booléen, la fonction setTimeOut renvoie une valeur que tu peux utiliser pour l'arrêter.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var nextTimeoutId = null ; function launchGallerySlider() { var $presentGallerySlide = $('#gallery > ul > li:visible'); var $nextGallerySlide = $('#gallery > ul > li:visible').next('li'); if ($nextGallerySlide.length < 1) { $nextGallerySlide = $('#gallery > ul > li:first-of-type'); } $presentGallerySlide.fadeOut(); $nextGallerySlide.fadeIn(); nextTimeoutId = setTimeout('launchGallerySlider()', 6000); } function stopGallerySlider() { clearTimeout(nextTimeoutId) ; }
Plus qu'à appeller la fonction stopGallerySlider quand tu veux stopper.

24/07/2013, 16h47
Bovino

Code:

nextTimeoutId = setTimeout(launchGallerySlider, 6000);

est un peu plus "propre"...
24/07/2013, 21h16
Invité
Citation:

Citation:

setTimeout(function(){return;}, 6000, function() {
$runGallerySlider = true;
});

:no:

C'est pas comme ça qu'on utilise setTimeout()...

Ok Bovino, je veux bien te croire (la preuve ça ne marche pas :mrgreen:) ; cependant je perçois dans ta réponse que mon code te semble scandaleux mais en même je ne suis qu'étudiant de première année, j'apprends ce langage seul donc je fais quelques fautes de syntaxe mais je ne demande qu'à apprendre. ;)

v1cent,

Citation:

Sinon, je pense que ça répondra a ton besoin plus que cette histoire de booléen, la fonction setTimeOut renvoie une valeur que tu peux utiliser pour l'arrêter.

C'est précisément ce dont j'avais besoin, je ne savais pas qu'il était possible de procéder ainsi (affecter une action -setTimeout- dans une variable) et désormais mon code fonctionne très bien.

Je suis en revanche obligé de mettre les fonctions dans le
Code:

1 2 3 4 5 $(document).ready(function(){ ... });
sinon la variable $nextTimeoutId n'est pas disponible :roll:

Bovino,

Citation:

Code:

nextTimeoutId = setTimeout(launchGallerySlider, 6000);

est un peu plus "propre"...

Pourquoi ce code est-il plus "propre" que celui ci-dessous ?

Code:

nextTimeoutId = setTimeout('launchGallerySlider()', 6000);

En attendant, merci bien mon problème est résolu :ccool:
24/07/2013, 21h22
Bovino

C'est pas comme si je n'en avais pas déjà parlé ! :aie:
:fleche: Les fonctions de rappel (callback) ou les utilisations cachées de eval().
24/07/2013, 21h51
Invité

En effet, très bonne explication! :ccool:

Le truc, c'est que ce sont surtout les termes qui me posent problème : je sais ce dont j'ai besoin, mais je ne sais pas comment ça s'appelle ou comment le qualifier pour constituer ma recherche ! :?

J'ai donc posté pour chercher une solution à mon problème :pc:

:)
24/07/2013, 23h04
danielhagnoul
Mon exemple avec un booléen n'a jamais été testé par @Croconino, il a fait un truc qui n'avait rien à voir avec mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 var boolOK = true; function launchGallerySlider(){ // code setTimeout( function(){ if ( boolOK ){ launchGallerySlider(); } }, 6000 ); }
@v1cent :

Citation:

Sinon, je pense que ça répondra a ton besoin plus que cette histoire de booléen, la fonction setTimeOut renvoie une valeur que tu peux utiliser pour l'arrêter.

Avec un setInterval d'accord, c'est la seule méthode, avec un setTimeout un booléen est tout aussi efficace.

J'ai donné l'exemple avec un booléen suite à :

Citation:

Je veux soit parvenir à stopper la fonction pour la redémarrer manuellement, soit parvenir à faire un délai avant l'affectation du booléen à true.

Mais l'important c'est que @Croconino soit heureux !
25/07/2013, 10h28
v1cent

Citation:

Envoyé par Croconino

v1cent,

C'est précisément ce dont j'avais besoin, je ne savais pas qu'il était possible de procéder ainsi (affecter une action -setTimeout- dans une variable) et désormais mon code fonctionne très bien.

C'est à ça que sers la documentation, c'est un réflexe à prendre, quand tu ne connais pas une fonction dans le détail, regarde toujours ce qu'elle utilise comme variables exactement, ce qu'elle renvoie, etc. Tu verra, tu progressera beaucoup plus vite comme ça, car tu comprendra toujours ce que tu fait, et quand tu aura besoin de le refaire ça reviendra plus vite.

@danielhagnoul : j'avais rien compris a sa phrase :mrgreen: