用javascript关闭loading加载叠加层

Question

以下是Twitter Bootstrap代码段，我试图在5秒后关闭JavaScript，但我无法做到这一点。请让我知道如何关闭它。当用户点击这个按钮 目前其收盘：

<button type="button" class="close" style="float: none;" data-dismiss="modal" aria-hidden="true">×</button>

http://bootsnipp.com/snippets/featured/centered-processing-modal

<!-- Static Modal --> 
<div class="modal modal-static fade" id="processing-modal" role="dialog" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <div class="text-center"> 
        <img src="http://www.travislayne.com/images/loading.gif" class="icon" /> 
        <h4>Processing... <button type="button" class="close" style="float: none;" data-dismiss="modal" aria-hidden="true">×</button></h4> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

.modal-static { 
    position: fixed; 
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -100px; 
    margin-left: -100px; 
    overflow: visible !important; 
} 
.modal-static, 
.modal-static .modal-dialog, 
.modal-static .modal-content { 
    width: 200px; 
    height: 200px; 
} 
.modal-static .modal-dialog, 
.modal-static .modal-content { 
    padding: 0 !important; 
    margin: 0 !important; 
} 
.modal-static .modal-content .icon { 
} 

Answer 1

不希望阅读的文档对你来说，这里是在一个链接中的快速和肮脏的解决方案。

setTimeout(

    function(){ 
     $('#processing-modal button.close').click(); 
    }, 
    5000 

); 

如果你想更精细的控制，你必须阅读的文档。当某些数据处理以某种方式结束时，这是为了完成。这可能以某种方式与自定义属性绑定并触发事件或某事。