Comment ajouter du retard avant d'appeler le prochain appel de la fonction retour en arrière?

Je suis en train de faire un script javascript bannière. J'ai 3 images à l'intérieur d'un div avec id #img1 #img2 n #img3.

<script src="scripts/jquery-latest.min.js" type="text/javascript"></script> 
<script> 
    var AnimState = true;
    var AnimTime = 2000;
    var AnimDelay = 3000;
    $(document).ready( function()
    {
        $('#image img').hide();
        $('#img3').show();
        Show1();
    });
    function Show1()
    {
        if( AnimState === true )
        {
            $("#img3").fadeOut(AnimTime);
            $("#img1").fadeIn(AnimTime, Show2);
        }
    }
    function Show2()
    {
        if( AnimState === true )
        {
            $("#img1").fadeOut(AnimTime);
            $("#img2").fadeIn(AnimTime, Show3);
        }
    }
    function Show3()
    {
        if( AnimState === true )
        {
            $("#img2").fadeOut(AnimTime);
            $("#img3").fadeIn(AnimTime, Show1);
        }
    }
    $('#btn1').click( function()
    {
       AnimState = !AnimState;
       Show1(); 
    }); 
</script>

Il fonctionne très bien. La seule chose c'est que maintenant je veux ajouter le délai après fadein effet, mais en essayant diff fourre j'ai échoué. Donc ce qui peut être fait pour ajouter un retard de quelques minutes et ensuite seulement appel de fonction suivante ie. Je veux ajouter du retard après $("#img3").fadeIn(AnimTime) et après le délai d'appeler uniquement Show1() fonction

OriginalL'auteur KoolKabin | 2010-07-21

  1. 5

    Très bien, essayez ceci. Après vos animations:

    $("#img1").fadeOut(AnimTime);
$("#img2").fadeIn(AnimTime);
setTimeout(Show3, 30000); //delays next call for 30 seconds
    j'ai aussi fait mon travail avec la même solution. Je voudrais savoir si cela peut être fait à l'aide de jquery fonction de délai ou pas?
    Assurez-vous. Vous avez juste à utiliser .delay() et puis une autre méthode qui permet à un rappel. Mais ce qui précède est une solution simple et élégante. Je ne vois aucune raison d'utiliser la fonction de délai lorsque cela fonctionnera tout aussi bien ou mieux.

    OriginalL'auteur Squirkle

  2. 4

    Ce que je fais pour c'est ici, dans cette gist: http://gist.github.com/467030

    Essentiellement de peur de vous créer un complètement indépendants éventail de fonctions, des animations ou pas... et puis d'exécuter un par un à l'intervalle donné.

    //create an array of functions to be executed
//everything in each step would be executed simultaneously
var myFuncs = [
    //Step #1
    function () {
        $("#img1").fadeOut(200);
        doSomething();
        doSomethingElseAtTheSameTime();
    },
    //Step #2
    function () {
        doOtherStuff();
    },
    //Step #3
    function () {
        woohoo();
    }
];

//then, the function in that gist: 
//Simple function queue runner. Just pass me an array of functions and I'll
//execute them one by one at the given interval.
var run_queue = function (funcs, step, speed) {
step = step || 0;
speed = speed || 500;
funcs = funcs || [];

    if (step < funcs.length) {
        //execute function
        funcs[step]();

        //loop it
        setTimeout(function () {
            run_queue(funcs, step + 1);
        }, speed);
    }

    return;
};

//run them.
run_queue(myFuncs, 0, 1000);

    Évidemment, c'est plus simple que vous le souhaitez. Mais l'idée de base fonctionne très bien. Même à l'aide de jQuery file d'attente() ne fonctionne que pour l'exécution ultérieure des animations sur les mêmes éléments. Ceux-ci peuvent être complètement indépendants de la fonction exécutions.

    obeviously nice et gr8 que ma pensée... thnx beaucoup... je vais y travailler.
    Cool, content que vous l'aimez. Auriez-vous l'esprit en le marquant comme la accepté de répondre?

    OriginalL'auteur Henrik Joreteg

  3. 1

    essayer cette 

    $("#img3").delay('1000').fadeOut(AnimTime);

    Que vous avez à faire une fonction de veille de prendre un coup d'oeil ici c'est un jQuery plygin

    utilisation:

    $.sleep(3, function(){alert("I slept for 3 seconds!");});
    Je l'ai essayé, mais en ajoutant qu'il cause, la prochaine déclaration de $("#img1").fadeIn exécuter en premier...
    Prendre un coup d'oeil sur la fonction de veille.. j'ai édité ma réponse.. j'espère que c'est utile

    OriginalL'auteur chahedous

  4. 0

    utilisation $("#img3").fadeIn(AnimTime).delay('1000')

    1000 est en millisecondes.

    où ajouter la fonction de rappel 1

    OriginalL'auteur Squirkle

  5. 0
    setTimeout(MyFunction(), 3000);

    Je voudrais faire cela pour simplement faire une pause de 3 secondes avant l'exécution de la fonction MyFunction. Espérons que cela aide...

    OriginalL'auteur TGarrett