点击后延迟弹出加载

Question

我所需要做的就是将弹出窗口从"；爆裂"；单击按钮后持续几秒钟。这个代码有什么问题吗？

$(document).ready(function() {
$('#element-167 a').on("click", function() {
$('.modal-dialog').delay(5000).fadeIn();
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Answer 1

您可以使用queue()并传递一个函数作为参数：

$(document).ready(function() {
$('#element-167 a').on("click", function() {
$(".modal-dialog").delay(5000).queue(() => {
// Do things after 5 seconds
$('.modal-dialog').fadeIn();
})
});
});

Answer 2

尝试使用setTimeout

$(document).ready(function() {
$('#selected').on("click", function() {
setTimeout(()=>{alert("Message here")},5000)
});
});
<p id="selected">This is second paragraph.</p>