title: How to append json object to the table through ajax with time delay in jquery?
body: <p>I'm new to js &amp; jquery, I am create a json object to display the data in table through external json. But i want to add data in the json file, the data automatically updated in the table. </p>
  
  <pre><code>$(window).load(function(){      
      $(document).ready(function () {
  
          var url='json/data.json';
          $.getJSON(url, function (r) {
  
              for (var i = 0; i &lt; r.length; i++) {
                  var tr = $('&lt;tr&gt;');
  
                  tr.append("&lt;td&gt;" + r[i].User_Name + "&lt;/td&gt;");
                  tr.append("&lt;td&gt;" + r[i].score + "&lt;/td&gt;");
                  tr.append("&lt;td&gt;" + r[i].team + "&lt;/td&gt;");
                  $('tbody').append(tr);
              } 
  
          }); 
  
      });
  });
  
   &lt;table id="racer_details"&gt;
      &lt;tbody&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>my json data is, </p>
  
  <pre><code>[
      {
          "User_Name":"John Doe",
          "score":"10",
          "team":"1"
      },
      {
          "User_Name":"Jane Smith",
          "score":"15",
          "team":"2"
      },
      {
          "User_Name":"Chuck Berry",
          "score":"12",
          "team":"2"
      }
  ]
  </code></pre>
  
  <p>This is my sample data, first i add 3 values to the table but i want to update the values to the table with time delay, if i want to add some values in json it will automatically update values in the table after time delay. How is it possible with jquery with ajax.</p>