如何向此JavaScript函数添加超时参数？
如何向此JavaScript函数添加超时参数？
提问于 2019-12-12 09:13:44
我有以下JavaScript函数。
function ready(interval, last_wait, el, callback) {
if (jQuery(el).length) {
console.log("Element ready: " + el)
setTimeout(function () {
callback(jQuery(el));
}, last_wait);
} else {
console.log("Waiting element: " + el)
setTimeout(function () {
ready(interval, last_wait, el, callback);
}, interval);
}
};它基本上是等待DOM元素出现。如果不是，则等待更多interval毫秒。我想要的是添加一个timeout参数。如果函数总共等待timeout毫秒，而DOM元素仍然没有出现，那么什么也不做，停止等待并返回。我不能让它工作，因为函数的递归性质。我也考虑过使用全局变量，但这似乎不是正确的方法。希望有人能给我指明正确的方向。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-12-12 09:28:01
这对我很管用
如果您增加stopAfter，代码将运行到结论
var tId, stopAfter = 3
const cb = el => el.html("Callback called");
function ready(interval, last_wait, el, callback) {
if (stopAfter === 0) {
clearInterval(tId);
return;
}
if ($(el).length) {
clearInterval(tId);
console.log("Element ready: " + el)
setTimeout(function() { callback($(el)); }, last_wait);
return;
}
console.log("Waiting element: " + el)
if (!tId) tId = setInterval(function() {
stopAfter--;
ready(interval, last_wait, el, callback);
}, interval);
};
// testing the above
ready(1000,2000,"#div1",cb)
setTimeout(function() {
$("body").append(`<div id="div1">Div1</div>`) }
,5000); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59301151
复制
相似问题
如何向此异步函数添加超时
如何向此限制函数添加新参数？
如何向此javascript函数添加过渡
如何向此添加参数传递
javascript向函数参数添加值
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
