Javascript x秒后自动打开引导模式

Javascript x秒后自动打开引导模式,javascript,jquery,twitter-bootstrap,modal-dialog,Javascript,Jquery,Twitter Bootstrap,Modal Dialog,我希望在x秒后自动弹出一个全屏引导模式(我还希望它作为页面上的模式按钮)。我让全屏部分使用一个按钮,但当我对其应用任何新的javascript时,它似乎会一起禁用按钮,这就是我被卡住的地方 我已经阅读了引导模式文档、w3学校等。。我花了一个小时在谷歌和这里,我能找到的就是如何在x秒后关闭它,这在这里不适用。这似乎是非常常用的东西。。为什么我觉得自己在大海捞针 我尝试添加此项,但没有成功: $(document).ready(function() { $("#fsModal").dela

我希望在x秒后自动弹出一个全屏引导模式(我还希望它作为页面上的模式按钮)。我让全屏部分使用一个按钮,但当我对其应用任何新的javascript时,它似乎会一起禁用按钮,这就是我被卡住的地方

我已经阅读了引导模式文档、w3学校等。。我花了一个小时在谷歌和这里,我能找到的就是如何在x秒后关闭它,这在这里不适用。这似乎是非常常用的东西。。为什么我觉得自己在大海捞针

我尝试添加此项,但没有成功:

$(document).ready(function() {

    $("#fsModal").delay(2000).fadeIn(500);

});
这是我的密码:


非常感谢您的帮助

fadeIn
将不工作,因为模式未打开。您必须使用
show
选项调用
modal
方法

$('#fsModal').modal('show');
您可以在设置超时时使用它:

setTimeout(function() {
    $('#fsModal').modal('show');
}, 2000);
如果您想要
fadeIn
动画,只需在模式选项中指定即可

我编辑了你的小提琴:

试试

您必须初始化模型,而不将“show”指定为参数,然后才能使用fadeInapi

$(function() {
    // .modal-backdrop classes
    $(".modal-fullscreen").on('show.bs.modal', function() {
        setTimeout(function() {
            $(".modal-backdrop").addClass("modal-backdrop-fullscreen");
        }, 0);
    });
    $(".modal-fullscreen").on('hidden.bs.modal', function() {
        $(".modal-backdrop").addClass("modal-backdrop-fullscreen");
    });


    $('#fsModal').modal().fadeIn(1000); // Here x = 1000

});

谢谢

ready
setTimeout(function(){$('fsModal').modal('show');},2000)中添加此功能检查我也很好奇为什么这被否决了,这是正确的,我没有看到任何其他方式+1谢谢!这就是我想要它的功能!下面的答案略有不同。。它的蓝屏立即打开,然后在x秒后模式消失,也许我的问题措辞错误,但这不是我想要的。。无论如何,谢谢你:)