なにを質問したいのかわかりませんが、エスパーしました。
$.ajax({
url: "./information.json",
dataType: "json"
})
.done(function(json){
var idx = 0;
var $info = $(".info__list .item");
$info.find("time").text(json[idx].date);
$info.find("p").text(json[idx].value);
setInterval(function(){
if(idx === json.length -1){
idx = 0;
} else {
idx = idx + 1;
}
$info.css("opacity",0);
setTimeout(function(){
$info.find("time").text(json[idx].date);
$info.find("p").text(json[idx].value);
$info.css("opacity",1);
},500);
},5000);
});
- information.json を読み込んだら
- .info__list .item クラスの要素を全て取ってきて $info に格納し、
- $info 内の time と p タグの文字を information.json の 配列を 5秒毎に 行う
- 最初は 文字を透過しているが、0.5秒後に透過をやめる (非表示を表示させる)
- information.json の中身の分、繰り返す
という意味かと思います。
Like!