Skull Counter using API

OK last month I hit the api over 30k times and tripped the monthly limit. Instead of refreshing every 30 seconds had to change it to 120. I thought 30s would be fine because it only refreshed when someone was on the page, and i had around 3k visits last month, visit duration avg wasn't more than a couple minutes so it shouldn't have been more than like 12k api queries. Not sure if bots caused the issue or what, but to be safe I increased the refresh time to 120s so it won't go over 21600 api queries.

Ok, I initially had this setup so the skull counter would only refresh its value on page load. After thinking about it I realized most people will expect to see this timer update without a page refresh so I decided to implement an ajax timer. First I use the jquery document ready shorthand to load a function called getskulls:

$(function() {
  
    getskulls();
  
  }); // end $(

function getskulls() {
  
    $.get("skullcount/return_skulls.php", function(result) {
    
      $('#skullcounter span').html(result);
      
    }) // end $.get(
    
    .done(function() { // chain this to the end of the $.get( function to restart the getskulls function on a timer
    
      setTimeout(getskulls, 10000); // refresh value every 10 seconds
      
    }); // end .done(
    
  } // end getskulls()