延迟 javascript $(window).load

Question

我发现这个网站上有很多帖子询问如何延迟 JavaScript。我尝试了很多方法，但由于我不了解 JavaScript，所以我不知道该怎么做。

我正在尝试将以下 JavaScript 代码延迟 3 秒。它在页面加载时启动 Bootstrap 模态。

$(window).load(function(){
    $('#leave').modal({
        show : true,
        backdrop : 'static' 
    });
});

我尝试了以下方法，但它们似乎要么破坏了代码，要么不起作用。

setTimeout(function() {
    $(window).load(function(){
        $('#leave').modal({
            show : true,
            backdrop : 'static' 
        });
    });
},"3000");

（打破它）

---

$(window).load(function(){
    $('#leave').delay(3000).modal({
        show : true,
        backdrop : 'static' 
    });
});

（不延迟）

---

$(window).delay(3000).load(function(){
    $('#leave').modal({
        show : true,
        backdrop : 'static' 
    });
});

（不延迟）

---

如果有人能帮我弄清楚如何将代码延迟 3 秒，我将不胜感激，谢谢。

Answer 1

试试这个，

$(window).load(function(){
    setTimeout(function() {
        $('#leave').modal({
            show : true,
            backdrop : 'static' 
        });
    },3000);
});

.delay() 仅延迟队列中后续项目的执行（动画）。