Timer mittig platzieren

Question

Hallo,

ich habe einen Timer nach Ihrer Anleitung mittels HTML erstellt ( https://www.soscisurvey.de/help/doku.php/de:create:timer-display) und würde diesen Timer jetzt gerne mittig platzieren. AUßerdem wäre es schön wenn die Zeit in Minuten und Sekungen angezeigt werden könnte.

Ich bin für ihre Hilfe sehr dankbar.

Viele Grüße

Answer 1

In dem Beispiel wird der Countdown anstelle des Weiter-Knopfes angezeigt. Falls Sie ihn an anderer Stelle platzieren möchten, können Sie z.B. ein <div id="countdown" style="text-align: center"></div> an passender Stelle auf der Fragebogen-Seite platzieren und dann im JavaScript-Code die folgende Zeile

button.parentNode.appendChild(countdownDisplay);

ersetzen durch

document.getElementById("countdown").appendChild(countdownDisplay);

Natürlich können Sie auch die Schriftgröße im DIV mittels CSS-Befehlen im style-Attribute nach Bedarf anpassen.

Um die Zeit in Minuten und Sekunden anzuzeigen, können Sie folgende Zeile

var content = document.createTextNode(countdown + " Sek.");

wie folgt ersetzen:

var minutes = Math.floor(countdown / 60);
var seconds = countdown - 60 * minutes;
var content = document.createTextNode(minutes + ":" + seconds);