Wie kann ich das Erscheinen eines Textfeldes nach 10 Minuten mit einem Audio Signal verbinden.

Question

Hallo,
ich würde gerne ein Textfeld erst nach 10 Minuten erscheinen lassen und dieses Erscheinen mit einem Audio Signal verbinden?
Wie kann ich das einrichten?

Danke für die Hilfe!

Answer 1

Die größte Herausforderung wird sein, dass Sie den Befragten zu Beginn des Fragebogens erklären, dass Sie mit Tönen arbeiten - und dass man dafür den Lautsprecher einschalten muss. Tipp: Test-Audio mit Testfrage, dass man es auch wirklich gehört hat.

Technisch ist es einfach. Das Einblenden des Textfeldes haben Sie anhand den Anleitungen
Timer: Weiter-Knopf nach bestimmter Zeit einblenden und Fragen bei Auswahl einer bestimmten Option sofort einblenden vermutlich schon gelöst. An diesen Timer hängen Sie jetzt einfach nur einen Aufruf der .play()-Methode für Ihr <audio>-Element, welches Sie auf der Fragebogenseite eingebunden haben.

Dazu noch folgende Antwort im Online-Support: Audio nach einigen Sekunden starten?

Comments

Vielen Dank für die Antwort!
Ich habe es bisher leider nur geschafft, den Weiter-Button nach 10 Minuten erscheinen zu lassen. Könnten Sie mir noch Tips geben, wie es mit einem beliebigen Textfeld anstatt dem Weiter-Button auf einer Seite schaffe. Habe es mit dem vorgegeben Skript leider nicht hinbekommen.
Die Verbindung von audio Signal mit dem Erscheinen des Weiter-Buttons hat funktioniert.

---

> Die Verbindung von audio Signal mit dem Erscheinen des Weiter-Buttons hat funktioniert.

Klasse!

Was das Textfeld angeht: Geht es um eine ganze Frage (und haben Sie deren HTML-Kennung schon herausgefunden, s. zweite verlinkte Anleitung) oder geht es um ein einzelnes Eingabefeld innerhalb einer Frage?

Der Trick ist im Prinzip immer derselbe: Beim Ladend er Seite blendet man das Objekt aus, z.B.

document.getElementById("AB01_01").style.display = "none";

Und beim Ablauf des Timers nimmt man diese Änderung wieder zurück:

document.getElementById("AB01_01").style.display = "";

---

Es geht um eine ganze Frage..
Ich glaube mein Problem liegt darin die HTML Kennung für die Frage herauszufinden und diese in den Code einzubauen.

---

Die HTML-Kennung findet man recht einfach mit dem "Inspektor" in den Developer-Tools im Browser (Firefox, Chrome, ich glaube selbst Edge hat sowas).

Wenn Sie einen Pretest-Link direkt (!) zur betroffenen Seite posten und erkläre, was genau Sie ein/ausblenden möchten, kann ich auch gerne weiterhelfen.