Jquery 在弹出窗口上显示隐藏延迟

我正在努力解决弹出窗口的问题。我想做的是做一个弹出窗口，并呼吁采取行动。我在一个固定在按钮上的盒子里放了一个可点击的div。单击此div时，它将打开。所有这一切都很好，但我想点击的div幻灯片后，很短的时间内真正提请注意。但是，如何在jquery脚本中设置延迟？：-）

希望有人知道答案

您可以在这里看到我的Jquery: 嗯，它不是很顺利，因为，我不习惯在代码段中工作

$（文档）.ready（函数（）{
$（“#closedbox”）。单击（函数（）{
$（#openbox”）。向下滑动（500）；
$（“#xbutton”）。延迟（300）。显示（400）；
});
});
$（文档）.ready（函数（）{
$（“#xbutton”）。单击（函数（）{
$（#openbox”）.slideUp（500）；
$（“#xbutton”）.hide（500）；
});
});
#关闭的盒子{
宽度：270px；
背景色：#fda99b；
底部：0；
高度：50px；
位置：固定；
左：5%；
}
#封闭盒文本{
颜色：#fff；
文本对齐：居中；
利润率：15px 0 10px 0；
文字装饰：下划线；
}
#closedbox文本：悬停{
颜色：#965d54；
}
#开箱{
位置：固定；
背景色：#EFEF；
宽度：600px；
高度：300px；
底部：0；
左：5%；
显示：无；
}
#纽顿{
边界半径：50%；
填充：1px 8px 2px 8px；
位置：固定；
左边距：-10px；
利润上限：-10px；
底部：287px；
左：5%；
显示：无；
-webkit转换：-webkit转换。8s易于输入输出；
转换：转换。8s易进易出；
}
#按钮：悬停{
-webkit变换：旋转（360度）；
变换：旋转（360度）；
}

弹出窗口
Spar-30%的på；潜行
x
以下是您已经完成的操作

$(document).ready(function(){
    $("#xbutton").click(function(){
        $("#openbox").slideUp(500);
        $("#xbutton").hide(500);
    });
});

你可以这样重写

$(document).ready(function(){
    $("#xbutton").click(function(){
        setTimeout(function(){
            $("#openbox").slideUp(500);
        }, 500); //This will trigger the anonymous function declared in the setTimeout() after 500 milliseconds.

        $("#xbutton").hide(500);
    });
});

JavaScript内置的
setTimeout（）
和
cleartimout（）
？？感谢您的回答@RomeoSierra，但是，我如何在Jquery中使用它呢？：-）对不起，我迟到了。检查答案……非常感谢@RomeoSierra–真的非常感谢！：-）如果这是您正在寻找的，请将其标记为已接受的答案，以便确定问题已解决。。