等待元素显示给用户
我如何等待用户显示/看到元素？ 我有以下功能，但它只检查元素是否存在，而不检查它是否对用户可见。
function waitForElementDisplay (selector, time) {
if (document.querySelector(selector) != null) {
return true;
} else if (timeLimit < timeSince) {
return false;
} else {
timeSince += time;
setTimeout(function () {
waitForElementDisplay(selector, time, timeLimit, timeSince);
}, time);
}
}
这有点混乱，你在尝试一个简单的“睡眠”吗？
您可以使用以下方式等待元素加载
document.querySelector(selector).onload = function() {
// Your code ...
}
一些工作片段，运行它：
// Triggering load of some element
document.querySelector("body").onload = function() {
// Setting the timeout and visible to another element
setTimeout(function () {
document.querySelector("#my_element").style.display = "block" /* VISIBLE */
}, 1000);
}#my_element{
width: 100px;
height: 100px;
background-color: red;
display: none; /* INVISIBLE */
}<div id="my_element"></div>你可以使用jQuery .ready（）
selector.ready(function(){
// do stuff
})