加载时执行匿名函数，然后使用setTimeout每30秒再次执行一次

Question

Sorry if this has already been answered, I am just learning Javascript and can't seem to figure this one out.

I have the anonymous function below, which reads a json file and updates the html. It successfully updates every 30 s, the problem is I have to wait 30 s for the data to appear when the page loads. How can I modify the code below so it updates on load, and then it updates every 30 s?

$(function () {
  setTimeout(function() {
  $.ajaxSetup({ cache: false });  
  $.getJSON("data/ticket_data.json", function(result){
  /*some more stuff here*/
  });
},30000);
});

Answer 1

Give the function a name, call it, and put the setTimeout in $.getJSON 's callback:

$(document).ready(getTicketData);

function getTicketData() {
    $.ajaxSetup({ cache: false });
    $.getJSON("data/ticket_data.json", function (result) {
        /*some more stuff here*/
        setTimeout(getTicketData, 30000);
    });
}

If you ever need to stop this timeout, have a look at clearTimeout() .