单击后Jquery延迟

Question

我正在创建一个网络应用程序......

我有一种游戏，我的想法是当用户完成每个级别时出现一个带有一些信息的对话框，很好。

现在我的问题是我想在用户点击完成按钮5秒后显示此消息。

那就是我的代码：

$('#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>\
        ');
    });

我也尝试使用append().Delay(10000)但不起作用。

提前致谢。

Answer 1

使用setTimeout() ，延迟为5000毫秒。

 $("button").click( function() { console.log("clicked...waiting..."); setTimeout( function() { alert("Called after delay."); }, 5000); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button type="button">Click Me</button> 

出于好奇，你为什么要在提示用户响应某个动作之前等待5秒？ 那是很长一段时间; 足够长的时间让他们点击了其他一些东西（如果没有别的话）。

Answer 2

您可以尝试使用setTimeout() 。

例子 。

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

5000可以替换为确定延迟长度的任何时间值（以毫秒为单位）。

Answer 3

你不能推迟追加。 你只能延迟动画。 您可以使用setTimeout或显示最初隐藏的元素，然后将其淡入：

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

Answer 4

尝试：

$('#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);
   });

Answer 5

 $("button").click( function() { console.log("clicked...waiting..."); setTimeout( function() { alert("Called after delay."); }, 5000); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button type="button">Click Me</button> 

Answer 6

这会奏效

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

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

Answer 7

$yourThing.click(function(){
    setTimeout(function(){do your thing here},5000)
})