由于长JavaScript，页面无法加载

Question

在我的网页上，我使用javascript检查查看元素加载的时间。我强迫加载此元素，但脚本似乎无法正常工作。

这是我正在做的事情，

var exists = false;
while(!exists)
{
    setTimeout(function () { }, 100);
    if ($('#reject-grid').length) {
        var exists = true;
        $("#loading").fadeOut();
        $("#wrapper").removeClass("hidden");
    }
}

所以我循环直到一个元素存在并且每次迭代等待100毫秒。然后我做了一些工作来基本上停止我的微调器，它控制加载屏幕。

Answer 1

您希望每100毫秒重复一次，但您实际上正在做的是创建一堆空的超时句柄并一遍又一遍地运行此代码。

你想要这样的东西：

function checkRejectGrid() {
  if ($('#reject-grid').length) {
    $("#loading").fadeOut();
    $("#wrapper").removeClass("hidden");
  } else {
    setTimeout(checkRejectGrid, 100);
  }
}

checkRejectGrid();