Блог

Рабочий код: в Chrome, Firefox

 let sleep = function (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
};
  

И где-то в моей функции я использую async,await, чтобы сделать задержку синхронной

 function updateHandler(newTags, tagName, contentIds) {
    let deferred = Q.defer(),
        counter = 0,
        failedIDS = [],
        data = {};
    data["contentIds"] = contentIds;
    data["failedIDS"] = failedIDS;
    if (contentIds.length === 0) {
        return Promise.resolve(data);
    }
     //aync and await is here
    _.forEach(contentIds, async function (contentId) {
        //wait for some time and continue
        await sleep(150);

        let tags = [], activity;

        //API hits..
        osapi.jive.core.get({
            v: "v3",
            href: "/contents/"   contentId   ""
        }).execute(function (content) {
            tags = content.tags;
            activity = content["updated"];
            content["tags"] = _.union(tags, newTags);
            osapi.jive.core.put({
                v: "v3",
                href: "/contents/"   contentId   "",
                body: content,
                "minor": "true",
                "updated": activity
            }).execute(function (response) {
                    counter  ;
                    if (response.error) {
                        failedIDS.push(contentId);
                    }
                    if (counter === contentIds.length) {
                        deferred.resolve(data);
                    }
                }, function (error) {
                    counter  ;
                    failedIDS.push(contentId);
                    if (counter === contentIds.length) {
                        deferred.resolve(data);
                    }
                }
            );
        })
    });
    return deferred.promise;
};
  

Таким образом, для того, чтобы этот API-интерфейс заработал и обновил все элементы, необходимо 0,15 секунды.

Поскольку async и await не будут работать в IE, я хотел написать базовую wait(ms) функцию, которая ожидает 0,15 секунды.

Примечание: Итак, без sleep() функции приведенный выше цикл отлично работает для первой итерации и завершается сбоем для второй итерации и завершает выполнение кода. ТАКИМ образом, для каждой итерации требуется задержка в 0,15 секунды, это ограничение продукта.

setTimeout() является асинхронным.. поэтому я его не использовал.

Приведенный ниже код работает для меня.. Но это не то, чего я хочу, потому что браузеру не хватает памяти и больше загрузка процессора, дорого..

 function wait(ms) {
  console.log("started............");
    var start = Date.now(),
        now = start;
    while (now - start < ms) {
      now = Date.now();
    }
  console.log("finished............");
}
  

Вопрос: Я хочу иметь задержку не менее 0,15 секунды для каждой итерации, как я могу этого добиться.

Я попробовал следующий способ, изображение здесь. Успешно обновляет только от 16 до 19 содержимого из 100 повторяющихся элементов, а затем выдает то же самое, error что и без sleep() функции.

Допустим, мне нужно запускать эту функцию запроса каждые 150 мс:

 const request = () => new Promise(res => setTimeout(() => { console.log('done'); res() }, 1000))
//
  

Затем я могу использовать setTimeout рекурсивно для добавления задержки между каждым запросом:

 let counter = 0;

// this handler will be passed into a setTimeout
// to kick off the whole thing
const handler = () => {
  console.log(counter);

  // request api thing
  request().then(() => {
    counter  ;
    if (counter === 100) return;
    setTimeout(handler, 150) // remove this
  })
}

// kick off
setTimeout(handler, 150)
  

Это гарантирует, что каждый запрос завершен, прежде чем ожидать запуска следующего.