Ссори за отсутствие я топикстартер, вернулся
вобщем проблему нагрузки решил немного другим способом, изменил немного код. Но вопрос все равно остался нерешенный, напишу снизу после кода.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Viacheslav" />
<script src="js/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>JSON TEST-1</title>
</head>
<body>
<div id="content"></div>
<input type=button value="pause/play" onclick="continue_reporting = ( continue_reporting == 1 ) ? 0 : 1;">
<script type="text/javascript">
//Global Variables
var continue_reporting = 1;
var bids_displayed = 5;
var uls;
var data;
fetch_data(); // initial run
function process_data(data){
var delay_entry = 0;
$.each(data, function(key, value){
setTimeout(function(){pusher(value)}, 1000 * delay_entry);//sending parameter for crappy IE
delay_entry++;
})
}
function fetch_data(){
//$.getJSON('js/list.json?i=' + Math.random(), process_data);
var url = 'js/list.json';
//the same as getJson
$.ajax({
url: url /*+ Math.random()*/,
cache: false,
dataType: 'json' ,
data: data,
success: process_data
});
setTimeout(fetch_data, 1000);
//setTimeout(function(){fetch_data}, 1000);
}
function pusher(data){
if ( continue_reporting == 1 ){
//######### REMOVE CONSOLE.LOG BEFORE TESTING IN IE (почемуто гадина не работает в до боли любимом IE)
console.log("data.bids.length: " + data.bids.length );
var main_ul = "<ul class='bid_density'>";
main_ul += "<li class='bid_region'><span class='bid_region_city'><a href='www.google.com' rel=''>" + data.reg + "</span></a><span class='bid_region_bid'>Bid</span></li>";
for( var i = 0; i < data.bids.length; i++ ){
main_ul += "<li class='bid_industry'><span class = 'bid_ind_title'><a href='#' rel=''>" + data.bids[i].ind + "</span></a><span class='bid_ind_value'>" + data.bids[i].v + "</span></li>";
}
main_ul += "</ul>";
$("#content").prepend(main_ul).find("ul:first");
uls = $("#content").children();
//Counting elements and substracting last one
if (uls.length>5){
$(uls.get(uls.length-1)).remove();
}
}
} // end of pusher function
</script>
</body>
</html>
Проблема все в той же рекурсивной функции Если ее убрать то скрипт после обхода всего JSON файла останавливается и повторно не работает так как больше ничего его не вызывает. Если оставить то данные начинают появляться слишком быстро вне зависимости от таймаута так как скрипт прощелкивает файл грузит его как я понимаю (или недопонимаю) в память и вывод данных по function pusher начинает проходить рывками показывая списки UL не по одному а по три 5 и сразу все.
Уважаемые знатоки, подскажите пожалуйста как можно вызвать эту фунцкцию fetch_data не рекурсией а только после прохода всех данных из файла JSON то есть как задать ей условия запуска заново но только после того как прошла весь файл JSON? Надеюсь объяснил понятно. Сама идея скрипта должна выглядеть вроде этого сайта (правый столбец)
http://indexssp.com/