javascript - 添加延迟(同步)与除 IE 之外的现代浏览器一起使用
问题描述
工作代码:在 Chrome、Firefox
let sleep = function (ms) {
return new Promise(resolve => setTimeout(resolve, ms))
};
在我的函数的某个地方我使用异步,等待使延迟同步
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()
是异步的..所以我没有使用它。
下面的代码对我有用..但这不是我想要的,因为浏览器内存不足,CPU利用率更高,价格昂贵..
function wait(ms) {
console.log("started............");
var start = Date.now(),
now = start;
while (now - start < ms) {
now = Date.now();
}
console.log("finished............");
}
问题:我希望每次迭代至少有 0.15 秒的延迟,我该如何实现。
++我尝试了以下方式,图片在这里。在 100 个可迭代项中仅成功更新 16 到 19 个内容,然后抛出与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)
它确保在等待运行下一个请求之前完成每个请求。
推荐阅读
- c - 读取文件的功能不起作用。交互菜单问题
- regex - 替换文本的更好方法
- swift - 将数据从子控制器传递到 PageViewController
- html - 如何将用户的输入从我的 .html 文件传递到我的 .c 文件?
- vba - Access 2010 - 动态设置组合控件源和行源
- javascript - Axios - 动态标题不起作用。为什么我的代码在我动态设置变量时不起作用,但在我硬编码时却起作用?
- html - 如何删除 html 表格单元格中的多余空格?
- visual-studio-code - VS Code Prettier 格式 Apex 类
- git - 如何处理 SSDT `refactorlog` 合并冲突?
- python - 如何在不调用第一个函数的情况下将函数的返回声明为另一个函数的默认参数?