KaoriYui
KaoriYui

Reputation: 922

Delay a modal load after X seconds using Jquery

I am able to load a bootstrap modal on page load, just want to know how to load modal X seconds after page loads? This is my code so far.

 <script type="text/javascript">
    $(window).load(function(){
        $('#myModal').modal('show');
    });
</script>

Upvotes: 0

Views: 38

Answers (1)

Jafar Akhondali
Jafar Akhondali

Reputation: 1537

Javascript:

setTimeout(function,delayInMiliSeconds)

 <script type="text/javascript">
    $(window).load(function(){
        setTimeout(function(){$('#myModal').modal('show');},3000); \\Executes after 3 seconds
    });
</script>

Jquery:

 <script type="text/javascript">
    $(window).load(function(){
        $('#myModal').delay(3000).modal('show'); \\same as above
    });
</script>

Upvotes: 1

Related Questions