Odświeżanie pojedyńczych divów JS

Question

Witam!

Mam trzy tabele jedna pod drugą umieszczone na stronie i chcę, żeby je odświeżono za pomocą JS po 20 sek. wszystkie jednocześnie, Pierwsza tabela ma klasę: tab1 , druga: tab2, trzecia: tab3.

		setInterval("odswiez(); odswiez2(); odswiez3();",20000);

		function odswiez(){
		

		$('.tab1').load('http://172.27.189.12/ .tab1');
		odswiez2();
		
		}
		
		function odswiez2(){
		

		$('.tab2').load('http://172.27.189.12/ .tab2');
		
		}
	
		function odswiez3(){
		

		$('.tab3').load('http://172.27.189.12/ .tab3');
		
		}

Powyżej kod JS. Działa tabele odświeżają się, ale nie wszystkie w tym samym momencie. Najpierw jedna po chwili druga na końcu trzecia. Gdzie może być błąd w tym kodzie??

Answer 1

Dwie rzeczy - po pierwsze:

function odswiez(){
 
 
$('.tab1').load('http://172.27.189.12/ .tab1');
odswiez2();
 
}

w  odswiez() wykonujesz odswiez2(), a w wywołaniu wykonujesz zarówno odswiez(), jak i odswiez2(), więc tabela zostanie odświeżona dwukrotnie (celowo?).

Po drugie, używając przy wykonaniu konstrukcji:

setTimeout(function() {
// tutaj np. odswiez();
}, 0);

Powodujesz, że akcje wywołują się asynchronicznie, więc wszystkie będą mogły wykonać się w jednym momencie.

Dawaj znać czy coś się udało naprawić, jak nie będziemy myśleć dalej.

Pozdrawiam