单击后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可以与确定以毫秒为单位的延迟的长度的时间的任何值来代替.