Gibt es eine Möglichkeit, auf den Abschluss einer Funktion zu warten, bevor sie erneut ausgeführt wird? ⇐ HTML

[Anonymous]

Ich bin auf dieses Problem gestoßen, als ich versuchte, eine Animation mit JavaScript zu erstellen, und die Animation selbst ist gut gelungen. Das Problem bestand darin, dass die Funktion mehrmals ausgeführt wurde, selbst wenn die erste Animation noch nicht abgeschlossen war, wenn Sie die Animation mehrmals hintereinander ausführen würden (über eine Schaltfläche). Hier ist mein Beispiel:

Code: Select all

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!";
}
}

Code: Select all

Document



click me