Javascript 等待条件满足后再使用方法

我的代码需要一个额外的解决方案。简单地说，我编写了在特定网站的控制台中运行的代码。当我运行它并点击地图时，我会在控制台中打印结果，但网站有时需要额外的时间来显示我需要打印的内容，我无法在控制台中打印，我必须再次点击。 我希望我的代码在单击地图时等待内容加载，然后打印它

代码：

let data = ''
const map = 
document.getElementById('viewport-1385-innerCt')
map.addEventListener('click', () => {
setTimeout(()=> {
const latLon = document.getElementById('component-1437')
const address = document.getElementById('container-1255-innerCt')

if(latLon && address && latLon.textContent && address.textContent) {

console.log(latLon.textContent + address.textContent + ',')
data += latLon.textContent + address.textContent + ','
}
else {
console.log ("click again")}
}, 1500)
})

---

您可以使用

setInterval

并将其运行几毫秒，一旦达到if条件，则清除间隔