Есть ли способ дождаться завершения функции, прежде чем запускать ее снова? ⇐ Html

[Anonymous]

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

Код: Выделить всё

var x = 1;

function test() {
if (x == 1) {
x == 0;
document.getElementById("test").innerHTML = "I was clicked.";
setTimeout(() => {
x == 1;
}, 5000);
} else {
document.getElementById("test").innerHTML = "You already clicked me!";
}
}

Код: Выделить всё

Document



click me

Подробнее здесь: https://stackoverflow.com/questions/794 ... g-it-again