Wie kann ich eine Stoppuhr einfügen?

Question

Liebes SoSci-Team,

Ich möchte in meinem Fragebogen eine Audioaufnahme integrieren, deren Dauer die Teilnehmer mit einer Stoppuhr überprüfen können. Die Anweisung über die Dauer der Aufnahme ist "ca. eine Minute". Ich hoffe ich konnte mein Anliegen verständlich machen und es gibt hierfür eine Lösung.

Besten Dank!

Answer 1

Im Prinzip können Sie den JavaScript-Code aus der Anleitung Timer: Countdown über mehrere Seiten verwenden. Das PHP benötigen Sie nicht, denn Sie brauchen der Timer ja nur auf einer Seite.

Sie müssen dann nur dafür sorgen, dass der Timer nicht mit dem Laden der Seite startet, sondern bei Start der Audio-Aufnahme. Aber nachdem das ohnehin über eine JavaScript-Funktion per Klick erfolgt, kann man das einfach koppeln.

Comments

Besten Dank für die umgehende Antwort.

Als absoluter Java-Laie habe ich zunächst einfach stumpf das script auf der angegebenen Seite kopiert und jegliche PHP-Codes außen vor gelassen. Das ergab folgende Fehlermeldung:

"For the placeholder %timeLeft% neither an input field by prepare_input() has been created nor any content by using replace()."

Ich möchte ja auch keinen Countdown (also keine "time left") und auch keine zeitliche Begrenzung.

Wie ich den Start der Audio-Aufnahme mit der JavaScript-Funktion koppeln kann, erschließt sich mir ohne jegliches Vorwissen leider auch nicht.

Besten Dank für Ihre Geduld und Hilfe!

---

> For the placeholder %timeLeft%

Im JavaScript-Code sehen Sie diesen Platzhalter, der die Zeit für den Countdown vorgibt. Wenn Sie den Code mal ein wenig durchstöbern, finden Sie folgende Zeilen, die aus der Start-Zeit und der verfügbaren Zeit (timeLeft) die restliche Zeit berechnen:

  var now = new Date();
  var timePage = Math.floor((now.getTime() - timeStart.getTime()) / 1000);  // Vergangene Zeit [Sek.]
  var remain = timeLeft - timePage;

Sie möchten ja - wie Sie auch schreiben - gar nicht herunterzählen. Also müssen Sie diese Formeln ein wenig umschreiben bzw. die haben Sie eigentlich schon in der Variable timePage.

Werfen Sie also das remain raus und ersetzen Sie es durch timePage. Und dann sehen Sie, dass Sie auch timeLeft gar nicht mehr brauchen, weil das nirgends mehr vorkommt (hoffe ich, schauen Sie nochmal).