Не запускайте остальную часть кода до тех пор, пока не существует указанный элемент

Question

var choice1 = "hostAndPort"; 
var timer; 

function clickerFunc() { 
     timer = setInterval(checkElementExist(choice1), 500); 
}; 

function checkElementExist(thing) { 
    console.log("checkElementExist runs") 
    advance = document.getElementById(thing); 
    console.log(advance); 
    if (advance == null){ 
     console.log("advance defined as null"); 
    } else{ 
     console.log("Free from loop"); 
     clearInterval(timer); 
     clickerFunc2(); 
    } 
}; 

function clickerFunc2() { 
     console.log("woooooooooo"); 
}; 

Итак, я попробовал предложение ниже, но оно все еще не работает. clickerFunc вызывается при нажатии кнопки выходов пульта:

checkElementExist runs 
hostAndPort 
null 
advance defined as null 

так clickerFunc2 никогда не вызывается, и это, кажется, не продолжайте проверять каждые 500 миллисекунд.

UPDATE:

setInterval(function() { checkElementExist(choice1); },500); 

сделал трюк. Благодаря!

Answer 1

Не использовать while. Он повесит браузер.

Обратитесь к остальной части кода из checkElementExist

function checkElementExist(id) { 
    console.log("checkElementExist runs") 
    advance = document.getElementById(id); 
    if (advance == null){ 
     console.log("advance defined as null"); 
    } 
    else{ 
     console.log("Free from loop"); 
     clearInterval(timer); 
     restOfCode(); 
    } 
}; 

timer = setInterval(checkElementExist('hostAndPort'), 1000); 

--- UPDATE ---

setInterval принимает функцию в качестве первого аргумента, поэтому оно должно быть как: setInterval(checkElementExist, 1000);. Предыдущий код просто называл вашу функцию один раз, а интервал ничего не делал.

Answer 2

В общем, вы можете использовать return, чтобы «не выполнять остальную часть кода» в функции. Кажется, что есть еще более простой способ решить вашу проблему. Какое точное требование?

function checkElementExist(id) { 
    console.log("checkElementExist runs") 
    advance = document.getElementById(id); 
    if (advance == null){ 
     return; 
    } 

    // rest of logic here 
};