Jquery自動リロードで数秒間ウェブサイトをフリーズ

Question

私のウェブサイトの上部にある小さなフレームを60秒ごとに自動的にリロードするには、以下のコードを使用しますが、リロードするたびにフリーズ（約何もクリックできません）ページが手動でリフレッシュされるまで、時々、時々、これをやめる方法はありますか？

$(function() { 
$('#stats').load('statsto.php'); 

    var visibleInterval = 60000; 
    var invisibleInterval = 60000; 

    $(function() { 
     setTimer(); 
     $(document).bind('visibilitychange'), function() { 
      clearTimeout(timer); 
      setTimer();  
     }; 
    }); 

    function displayStats() { 
     $('#stats').load('statsto.php'); 
     $.ajaxSetup({ cache: false }); 
    } 

    function setTimer() { 
     timer = setInterval(displayStats, (document.hidden) ? invisibleInterval : visibleInterval); 
    } 

}); 

Answer 1

おそらくあなたのajaxリクエストはasync: falseです。それをtrueに変更して、他の処理が行われている間にajaxを実行できるようにしてください。