延迟javascript $(window).load

时间:2016-06-02 15:59:57

标签: javascript twitter-bootstrap delay bootstrap-modal window-load

我意识到本网站上有很多帖子询问如何延迟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秒钟,我将非常感谢,谢谢。

1 个答案:

答案 0 :(得分:2)

试试这个,

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

.delay()只会延迟队列中后续项目的执行(动画)。