首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在浏览器控制台中保持命令循环运行

如何在浏览器控制台中保持命令循环运行
EN

Stack Overflow用户
提问于 2016-05-26 11:46:51
回答 2查看 3.6K关注 0票数 2

我有一个web元素,它只在页面(或页面的一部分)仍在加载时出现,并在页面完全加载后消失。我希望看到这个元素消失的确切时间,我可以通过在浏览器控制台中重复运行类似的命令来做到这一点:

代码语言:javascript
复制
$("div.v-app-loading")

或者:

代码语言:javascript
复制
document.getElementsByClassName('v-app-loading')

但在大多数情况下,一切都发生得太快,我无法捕捉到确切的时刻。必须有一种方法来创建一个循环,它只会在控制台中运行,并执行我提到的命令之一,比如每隔0.5秒甚至更频繁地执行一次。

谁能给我指个方向?

EN

Stack Overflow用户

发布于 2016-05-26 14:01:22

也许使用jQuery来检测页面何时加载会更容易:

HTML

代码语言:javascript
复制
<body class="loading">

JS

代码语言:javascript
复制
// do something initially here

$(window).load(function () {
    // do something when finished loading
    $('body').removeClass('loading');
});

编辑:如果你想检查元素是否存在,可以在递归函数调用中进行。您可以使用setTimeout来限制它,但您不需要:

代码语言:javascript
复制
function checkElement() {
    if ($('.v-app-loading').length) {
        checkElement();
        // or: setTimeout(checkElement, 100);
    } else {
        // Element disappeared
    }
}

checkElement();
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37451219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档