Javascript wait not working

Question

Я делаю поиск корова, и у меня есть функция ожидания работы, но она игнорирует код перед тем как это сделать.

function pausecomp(ms) { 
    ms += new Date().getTime(); 
    while (new Date() < ms){} 
} 

function newRound() { 
    document.getElementById("duck").style.opacity = "1"; 
    score++; 
    document.getElementById("score").innerHTML = score; 
    pausecomp(1000); 
    document.getElementById("duck").style.opacity = "0"; 
    //lots more code that changes where it is... 
} 

утка остается на непрозрачности 0 (более вероятно, что это в непрозрачности 1 для доли секунды) и счет добавляется после pausecomp концов.

Answer 1

комплектTimeout - это то, что вы хотите.

function newRound() { 
document.getElementById("duck").style.opacity = "1"; 
score++; 
document.getElementById("score").innerHTML = score; 
setTimeout(function(){document.getElementById("duck").style.opacity = "0"},1000); 
//lots more code that changes where it is... 
} 

Answer 2

Вы должны это сделать, чтобы не блокировать ваш JS двигатель:

function newRound() { 
    document.getElementById("duck").style.opacity = "1"; 
    score++; 
    document.getElementById("score").innerHTML = score; 
    setTimeout(function() { 
     document.getElementById("duck").style.opacity = "0"; 
     //lots more code that changes where it is... 
    }, 1000); 
} 

Answer 3

Вместо того, чтобы вызывать функцию, а просто позвонить pausecomp после 1000 мс с setTimeout.

function pausecomp(ms) { 
    document.getElementById("duck").style.opacity = "0"; 
    //lots more code that changes where it is... 
} 

function newRound() { 
    document.getElementById("duck").style.opacity = "1"; 
    score++; 
    document.getElementById("score").innerHTML = score; 
    setTimeout(pausecomp(), 1000); 
}