Question

I have a JSON array(?) of pairs of every state and a value associated with that state, it looks like the following below:

var states = [{"STATE":"AL","AMOUNT":"6"}, {"STATE":"AK","AMOUNT":"3"}]

I need the page to shuffle through them without reloading the page

“AL 6” [wait x seconds] then “AK 3” [wait x seconds] then etc…

I need this to run continuously.

I never use any of these languages but was told that they were my best bet.

Could someone give me some guidance on this please.

Thank you in advance.

Answer 1

Here’s a jsfiddle with setInterval execting a function that alternates between each state and displays it in a div:

http://jsfiddle.net/WD5Qj/1/

var states = '[{"STATE":"AL","AMOUNT":"6"}, {"STATE":"AK","AMOUNT":"3"}]';

json = jQuery.parseJSON(states);



var i = 0;

var cycle = function(){
  $("#state").html(json[i].STATE + json[i].AMOUNT); 
  i = (i+1)%json.length;
}

var loop = setInterval(cycle, 500);