javascript - 循环 JSON 的内容而不重新加载页面

Question

我有一个 JSON 数组(？)，由每个状态和与该状态关联的值对组成，如下所示:

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

我需要页面在它们之间随机播放而不重新加载页面

“AL 6”[等待 x 秒]然后“AK 3”[等待 x 秒]然后等等...

我需要它连续运行。

我从未使用过这些语言中的任何一种，但有人告诉我它们是我最好的选择。

有人可以给我一些指导吗？

提前谢谢您。

Answer 1

这是一个 jsfiddle，其中 setInterval 执行一个函数，该函数在每个状态之间交替并将其显示在 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);