Iam using setinterval for autorefreshing but it showing my JSON data repeatedly
JSON:
"Facebook": [
{
"facebook_name":"Apple",
"facebook_post":"Apple posted a photo",
"facebook_comment":"Apple commented on a photo",
},
{
"facebook_name":"Mango",
"facebook_post":"Mango posted a photo",
"facebook_comment":"Mango commented on a photo",
}
]
}
Script:
$(document).ready(function () {
var facebook=null;
var array=null;
function refreshEachMinute(){
$.ajax({
type: "GET",
url: "../data/data.json",
dataType: "Json",
cache:"true",
success: function (msg) {
facebook = msg.Facebook;
$.each(facebook,function(index,value){
var array=[];
//facebookupdater(facebook,value);
var name=value.facebook_name;
var post=value.facebook_post;
var comment1=value.facebook_comment;
var share=value.facebook_share;
// console.log(name);
// console.log(post);
array.push(name,post,comment1,share);
// console.log(array);
for ( var i in array ) {
var facebook_array= ( array[ i ] );
console.log(facebook_array);
$('#facebook').append(facebook_array);
$('#facebook').append("<br>");
// setInterval('$("#facebook").show("slow")',500);
// setTimeout('$("#facebook").hide("slow")',500);
}
// $('#facebook').html(name);
//$('#facebook').html(post);
//$('#facebook').html(comment1);
// $('#facebook').html(share);
})
}
});
}
var interval=setInterval(refreshEachMinute, 30);
//clearTimeout(refreshEachMinute,30);
$(function() {
refreshEachMinute();
});
//clearInterval(interval);
});