Javascript Countdown für Interval

Question

Ich habe eine Funktion, die ein Element alle 30 Sekunden aktualisiert.

setInterval(updateLivePrice, 30000);

Wie kann ich auf der Website einen Countdown anzeigen wann die nächste Aktualisierung stattfindet?

Answer 1

Du kannst eine Funktion implementieren die jede Sekunde den verbleibenden Zeitraum bis zur nächsten Aktualisierung herunterzählt. Beispiel

let countdown = 30; // Startwert in Sekunden

function updateLivePrice() {
  // Deine Logik zum Aktualisieren
  console.log("Preis aktualisiert");
  countdown = 30; // Zurücksetzen des Countdowns
}

// Countdown-Anzeige aktualisieren
function updateCountdown() {
  countdown--;
  if (countdown <= 0) {
    updateLivePrice();
  }
  document.getElementById("countdown").textContent = countdown;
}

// Intervall für die eigentliche Aktualisierung
setInterval(updateCountdown, 1000); // zählt jede Sekunde runter
updateLivePrice(); // optional direkt beim Start einmal ausführen

Und hier das HTML Markup dazu.

<div>
  <span id="countdown">30</span> Sekunden bis zur nächsten Aktualisierung
</div>