javascript - 複数のタイムアウトによる遅延の処理方法 (ajax 呼び出しを含む)

Question

2 秒以上ごとに呼び出している複数の (場合によっては 12 を超える) ajax 呼び出しがあるとします。呼び出しによって収集されたデータは、UI に含まれる要素 (プログレス バーなど) に設定されます。結局のところ、タイマーが動作している間、スクロールに遅延があります。この遅延は当然ですが、どうすれば処理できますか?

注: Calls Destination は、最小限の消費時間でデータを提供するサービスです。スクロールを悲しませるポイントは、複数のsetTimeout()andsetInterval()メソッドを使用していることです。私の仕事に慣れるには、以下のコードを参照してください。

function FillData(accessUrl, name) {
            var add = accessUrl;
            $.support.cors = true;
            if (add) {
                $.ajax({
                    type: 'GET',
                    url: accessUrl,
                    crossDomain: true,
                    contentType: 'application/json; charset=utf-8',
                    dataType: 'json',
                    success: function (data) {
                        Update(name, data);
                    },
                    error: function (xhr, status, error) {
                        LogResponseErrors(status , error, name);
                    }
                });
                setTimeout(function () { FillData(accessUrl, name); }, interval);
                //Consider that the method calls with different parameters one time and it will run automatically with setTimeout
            }
            else {
                freezeFrame(name);
            }
    }

使用済みタグは、私が使用したものを説明しています。

有用な回答をいただければ幸いです