Timer größer darstellen

Question

Liebes Support Team,

wir haben in unserem Fragebogen einen Timer implementiert, der ganz oben auf der Seite sichtbar ist. Gibt es eine Möglichkeit diesen größer zu machen oder fett/farbig darzustellen?

Vielen Dank und liebe Grüße

Answer 1

Ja, dies können Sie mittels CSS erreichen.

Solange Sie aber nicht konkretisieren, wie Sie den Timer eingebunden haben und/oder einen Pretest-Link posten, muss meine Antwort ziemlich abstrakt bleiben :(

Comments

Der Timer erscheint für jede Aufgabe oben und läuft 2 min, danach wird der Teilnehmende automatisch auf die nächste Seite weitergeleitet.

Der Timer ist über den PHP Code eingebunden:
{
  $time0 = time();
  registerVariable('time0');  // Die Variable $time0 auch nach Ende des PHP-Codes aufbewahren
}
// Prüfung, ob die Zeit schon abgelaufen ist
// (z.B. weil der Teilnehmer die Seite neu geladen hat)
$timer = 120;  // Der Teilnehmer hat 2 Minuten Zeit zur Bearbeitung
if (time() >= $time0 + $timer) {
  goToPage('next');
}
// Die verbleibende Zeit muss auch dem JavaScript-Code bekannt gemacht werden
$remain = $time0 + $timer - time();
replace('%remain%', $remain);

---

Die eigentliche Anzeige erfolgt durch den HTML- und JavaScript-Code, den Sie vermutlich unterhalb des PHP-Codes in der Seite eingebunden haben.