每5分钟加载一次模态

Question

I Need to load a external html page with the modal every 5 min with ajax.

This is what i have now.

 <li><a href="modal.html" data-toggle="ajaxModal">open modal</a></li>

This works when i click on the link but i need it to open automatically every 5min

I found Other examples but there they didn't use ajax and the modal wasn't on a new page. Something like this but then with a html page.

window.setTimeout(function () {
$("#myDialog").dialog("open");
}, 30000);

Can someone help me?

Answer 1

If you need to open a modal every 5 min you should use the setInterval instead setTimeout.

setInterval(function(){
  $("#myDialog").dialog("open");
}, 300000); //This value is represented in mili seconds.

If you also need load an html page inside your modal you need to make and AJAX request to load the page. You can do it easy with the jQuery load function.

$("#myDialog").load( "yourPage.html" );

Answer 2

 window.setTimeout(function () {
  $('*[data-toggle="ajaxModal"]').click();}
 ,30000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li><a href="modal.html" data-toggle="ajaxModal">open modal</a></li>

</div>