如何在点击后3秒后打开Bootstrap Modal

Question

我需要点击一个按钮，然后等待3秒钟，然后模态打开。

可能吗？如果可能，请给我JavaScript代码。我尝试下面的代码，但它会在3秒后自动打开我的模式。我认为模式应该是打开的，只有当我点击按钮，然后它等待3秒钟，然后弹出模式。

setTimeout(function() { 
    $("#basicModal").modal(); 
}, 3000); 

请帮帮我。

<a href="#" class="btn btn-lg btn-success" 
    data-toggle="modal" 
    data-target="#basicModal">Click to open Modal</a> 

Answer 1

下面的代码将使用引导模式

JSFiddle Demo

var timeoutId = 0; 

function myFunction() { 
    $('#myModal').modal('show'); 
} 
$('#watch').on('click', function() { 
    setTimeout(myFunction, 3000); 
});