我需要一个通用的javascript“等待功能可用”

function waitForElement(element) {
  setTimeout(() => {
    // 检查元素是否已经加载完成
    if (element.isConnected) {
      // 执行相关操作
      console.log("元素已加载完成");
    } else {
      // 继续等待
      waitForElement(element);
    }
  }, 1000); // 等待1秒
}

// 使用示例
waitForElement(document.querySelector("#my-element"));

async function waitForElement(element) {
  const startTime = performance.now();
  while (true) {
    // 检查元素是否已经加载完成
    if (element.isConnected) {
      // 执行相关操作
      console.log("元素已加载完成");
      break;
    }
    const currentTime = performance.now();
    const timeElapsed = currentTime - startTime;
    await new Promise(resolve => setTimeout(resolve, 1000 - timeElapsed));
  }
}

// 使用示例
(async () => {
  try {
    const startTime = performance.now();
    const element = await waitForElement(document.querySelector("#my-element"));
    // 在这里执行相关操作
  } catch (error) {
    console.error(error);
  }
})();

const observer = new MutationObserver(mutations => {
  mutations.forEach(mutation => {
    Array.from(mutation.addedNodes).forEach(addedNode => {
      if (addedNode.matches && addedNode.matches("#my-element")) {
        // 执行相关操作
        console.log("元素已加载完成");
      }
    });
  });
});

// 使用示例
observer.observe(document.body, { childList: true, subtree: true });