Bootstrap Modal Template
Standard fiddle
HTML
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class="form-horizontal" id="VerificationLogin">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="CheckInLabel">Verification</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer group">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" data-dismiss="modal" class="btn btn-primary verification_accept">Accept</button>
</div>
</form>
</div>
</div>
</div>
JavaScript
$(function() {
$('#myModal').modal('show');
});
$('#myModal').on('shown.bs.modal hidden.bs.modal', function (e) {
setTimeout(function() {
if ( $('#myModal').attr('aria-hidden') == 'false' ) {
alert('Model still open');
}
}, 6000);
})