Jquery Retard Après Cliquez Sur

Je suis en train de créer une application...

j'ai eu une sorte de jeu, mon idée, c'est lorsque l'utilisateur termine chaque niveau s'affiche une boîte de dialogue avec des informations, il est très bien.

Maintenant mon problème est que je veux afficher ce message 5 secondes après que l'utilisateur clique sur le bouton terminer.

c'est mon code:

$('#option-main-menu').click(function(){
        target.append('\
            <div id="confirm">\
                <h1>Are You Sure Want to Exist?</h1>\
                <a href="#" id="dialog-confirm">Yes</a><a href="#" id="dialog-cancel">No</a>\
            </div>\
        ');
    });

aussi j'ai essayé avec append().Delay(10000) mais ne fonctionne pas.

Merci d'avance.

J'aime le message "Êtes-Vous Sûr de Vouloir Exister?"
c'est le Dr Kevorkian jeu. 🙂
lol la mauvaise orthographe!

OriginalL'auteur Aletz Morgan | 2012-01-06

  1. 11

    Vous pouvez essayer d'utiliser setTimeout().

    Exemple.

    setTimeout(function(){
    //do stuff here, in your case, append text
}, 5000);

    La 5000 peut être remplacé par n'importe quelle valeur de temps qui détermine le temps de retard en millisecondes.

    Mal. delay() n'affecte que l'animation de la file d'attente.
    Bon point--je ne savais pas que. J'ai édité ma réponse et ajout d'un exemple.

    OriginalL'auteur Purag

  2. 1

    Vous ne pouvez pas retarder un ajout. Vous pouvez retarder les animations. Vous pouvez utiliser setTimeout ou l'élément initialement masqué, puis en fondu:

    $('<div id="confirm" style="display:none"> ...')
    .appendTo(target)
    .delay(5000)
    .fadeIn(1000);

    OriginalL'auteur James Montagne

  3. 1

    essayer:

    $('#option-main-menu').click(function(){
    setTimeout(
        function(){
         target.append('\
            <div id="confirm">\
                <h1>Are You Sure Want to Exist?</h1>\
                <a href="#" id="dialog-confirm">Yes</a><a href="#" id="dialog-cancel">No</a>\
            </div>\
        ');
       }
        , 5000);
   });

    OriginalL'auteur Leo Chan

  4. 0
    $yourThing.click(function(){
    setTimeout(function(){do your thing here},5000)
})
    Vous avez besoin de passer une fonction, de ne pas l'appeler: yourFunction, au lieu de yourFunction()
    oui, ce qui était mauvais pseudo de ma part. Fixe. Merci!

    OriginalL'auteur DA.

  5. 0

    Cela fonctionne

    $("button").click(
function() {
    console.log("clicked...waiting...");

    setTimeout(
        function() {
            alert("Called after delay.");
        },
        5000);
});

    OriginalL'auteur Avinash Kumar Anshu