Countdown erstellen

[TheGuyWithASurface]

Servus,

Ich bin neu hier im Forum und hab eine Frage die für die meisten von euch wahrscheinlich recht einfach zu lösen ist.
Ich hätte gern eine Art von Countdown.
Dieser Countdown soll regulieren wie oft eine Funktion wiederholt wird.
Sprich die Funktion läuft einmal durch und der Countdown sinkt um eine Zahl. Von 10 auf 9 zum Beispiel.
Erreicht der Countdown 0 soll die Funktion nicht mehr wiederholt werden ( des hab ich schon).

Mein Problem ist grad das ich es nicht hinbekomme das der Countdown sinkt wenn die Funktion einmal durchgelaufen ist.
Ich würde mich sehr über eure Hilfe freuen und danke schonmal vorab
Achso vielleicht noch als kleine Rand Information. Die Aktion wird über einen Button gestartet, dieser befindet sich in HTML.


[CODE lang="java" title="Des hab ich bis jetzt"]function Tanz (direction)
{
let box = document.getElementById('sel');

let countdown = 10;

if (direction == 'tanzen' && countdown > 0)
{
alert( countdown);




}
else
{
alert('Fertig');
}[/CODE]

 

[Jw456]

Hallo auch in Java Script brauchst du dafür eine Schleife.
Eine For Schleife die von 9 runter auf 0 zählt könnte genau das sein was du suchst.

 

[TheGuyWithASurface]

Hallo auch in Java Script brauchst du dafür eine Schleife.
Eine For Schleife die von 9 runter auf 0 zählt könnte genau das sein was du suchst.

Vielen Dank für deine schnelle Antwort.
Wie würde ich die for schleife denn einbauen?
Ich denke mal sie müsste dann ja nach dem if kommen oder?
[CODE lang="java" title="So?"]function Tanz (direction)
{
let box = document.getElementById('sel');


if (direction == 'tanzen')
{
for ( var countdown = 10; countdown > 0; countdown --)
{

let zufall = [1, 4, 7, 8, 3, 5, 2, 8, 20, 5, 10, -20, -10, -2, -5, -15];
let anzahl = zufall.length;
let ergebnis = Math.random() * anzahl;
ergebnis = Math.floor(ergebnis);
box.style.top = box.offsetTop + anzahl + "px";
box.style.left = box.offsetLeft + anzahl + "px";
}



}

}[/CODE]

 

[kneitzel]

Die Variable darf natürlich auch nicht als lokale Variable in der Funktion sein:

    let countdown = 10;

    if (direction == 'tanzen' && countdown > 0)

Das macht so keinen sinn, den countdown ist dann immer größer 0 da es ja 10 ist

 

[mihe7]

Ich hätte gern eine Art von Countdown.
Dieser Countdown soll regulieren wie oft eine Funktion wiederholt wird.
Sprich die Funktion läuft einmal durch und der Countdown sinkt um eine Zahl. Von 10 auf 9 zum Beispiel.
Erreicht der Countdown 0 soll die Funktion nicht mehr wiederholt werden ( des hab ich schon).

Das kommt darauf an, was genau Du machen willst.

1. eine Funktion n-mal unmittelbar hintereinander ausführen: Schleife
2. eine Funktion max. n-mal ausführen, z. B. als Reaktion auf einen Button-Klick: Zähler und if-Statement
3. eine Funktion n-mal hintereinander aber mit einem gewissen zeitlichen Abstand ausführen: Timer, Zähler und if-Statement

 

[Jw456]

Die Variable darf natürlich auch nicht als lokale Variable in der Funktion sein:

    let countdown = 10;

    if (direction == 'tanzen' && countdown > 0)

Das macht so keinen sinn, den countdown ist dann immer größer 0 da es ja 10 ist

Countdown ist doch die for Schleifen Variable.
Also bei einer For Schleife richtig.

 

[kneitzel]

Countdown ist doch die for Schleifen Variable.
Also bei einer For Schleife richtig.

Das nur in dem Post, der sich mit meinem überschnitten hat. Ich bezog mich auf den ersten Code von ihm.

Und das mit einer Schleife zu lösen setzt natürlich voraus, dass alles hintereinander weg laufen soll. Aber es ging ja nur ganz allgemein um einen Counter, der dann irgendwann nicht mehr ausgeführt wird. Der Aufruf kann also auch durch irgendwas getriggert werden (z.B. ein Button, der gedrückt wird).

Da wäre halt der Ansatz, dass man eine Variable, die außerhalb der Funktion erstellt wurde, herunter zählt. Eine for-Schleife würde da halt nicht funktionieren.

 

[TheGuyWithASurface]

Erstmal vielen dank für alle Antworten.
Ich hab mir was überlegt und so funktioniert es jetzt tatsächlich auch
Hier meine Lösung:

function dance (countdown)
{
    // Array mit den Richtungen
    let richtung = ['oben', 'unten', 'links', 'rechts'];

    // Zufallszahl
    let zufall = Math.floor(Math.random() * richtung.length);
    let offset = Math.floor(Math.random() * 20);

    // Let's move
    moveBox(richtung[zufall], offset);

    // Zähler
    countdown = countdown - 1;

    if (countdown > 0)
    {
        setTimeout(function()
        {
            dance(countdown);
        }, 50);
    }
}