Countdown funktioniert nicht im Hintergrund

Question

Vielen Dank für die Antwort! Leider ist die PDF sehr lang.

Ich hatte eigentlich vor, die PDF-Datei zusätzlich zur Einbettung mit iframe zum Download anzubieten, sodass sie sich in einem neuen Tab öffnet:

<a href="Text_Studie_2026531.pdf" target="_blank">Text herunterladen</a>

Allerdings habe ich da das Problem, dass ich zusätzlich noch einen Countdown auf der Fragebogenseite eingebaut habe. Der Countdown läuft deutlich langsamer, wenn man sich im Tab mit der pdf aufhält. Gibt es dafür eventuell einen Weg, dass das nicht passiert und der Countdown richtig weiterläuft?

Das ist der HTML-Code für den Countdown:

<div id="timer_box" style="margin: 10px 0; padding: 10px; border: 1px solid #ccc; background-color: #f9f9f9; text-align: center;">
  Der "Weiter"-Knopf erscheint in: <span id="countdown_timer" style="font-weight: bold; font-size: 1.2em;">15:00</span>
</div>

<script type="text/javascript">
window.addEventListener("load", function() {
  var totalSeconds = 15 * 60; // 15 Minuten in Sekunden
  var button = document.getElementById("submit0");
  var display = document.getElementById("countdown_timer");
  var box = document.getElementById("timer_box");

  // Button initial deaktivieren
  if (button) button.disabled = true;

  var timer = setInterval(function() {
    totalSeconds--;

    var minutes = Math.floor(totalSeconds / 60);
    var seconds = totalSeconds % 60;

    if (seconds < 10) {
      seconds = "0" + seconds;
    }

    display.innerHTML = minutes + ":" + seconds;

    if (totalSeconds <= 0) {
      clearInterval(timer);
      if (button) button.disabled = false;
      
      // Das Element wird hier komplett versteckt
      box.style.display = "none"; 
    }
  }, 1000);
});
</script>

Answer 1

Gibt es dafür eventuell einen Weg, dass das nicht passiert und der Countdown richtig weiterläuft?

Ja, gibt es. Wir haben die Anleitung entsprechend aktualisiert:
https://www.soscisurvey.de/help/doku.php/de:create:timer-display#countdown_zeigen

Comments

Danke für die Info!