Discussion :

[Invité]

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 ?

[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.

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 ?

[Invité]

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 :

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

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 :

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

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 :

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
 
$('#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 :

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

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.

[danielhagnoul]

Bonjour,

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

et return !

Code :

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

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 :

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

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

[Invité]

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 :

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

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

[Bovino]

Code :

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

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

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

[v1cent]

où déifnit tu la variable $runGallerySlider ?

Code :

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

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 :

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
 
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.

[Bovino]

Code :

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

nextTimeoutId = setTimeout(launchGallerySlider, 6000);

est un peu plus "propre"...