Stoppuhr Button leitet mich direkt weiter zur nächsten Fragebogenseite, soll dies aber erst nach 60s tun

Question

Ich hätte gerne einen 1-minütigen Stoppuhr Button eingebettet, auf den die Teilnehmer*innen klicken können und der sie dann nach einer Minute zur nächsten Fragebogenseite weiterleitet.

diesen HTML Code habe ich dafür genutzt:

<div class="clock">

<label class="box1" id="hours">00</label><label class="box2" id="minutes">00</label><label class="box3" class="box3-alt" id="seconds">60</label>
  <button div="start" onclick="wholeTimer()">Start</button>
  
</div>

Anstelle einen jedoch erst nach 60s auf die nächste Fragenbogenseite weiterzuleiten, geschieht dies auf Knopfdruck des Stoppuhr Buttons. Irgendeine Lösung? Vielen Dank im Voraus

Answer 1

Ihrer Lösung fehlt der JavaScript-Code, welchen der Knopf mti dem onclick="wholeTimer()" aufrufen sollte. Dieser könnte z.B. wie foglt aussehen:

<script>
function wholeTimer() {
    window.setTimeout(SoSciTools.submitPage, 60000);
}
</script>

Allerdings wäre es wohl noch sinnvoll, den Knopf auch noch auszugrauen, wenn er geklickt wurde. Und - ganz wichtig - es fehlt noch ein type="button" in dem <button>-Tag. Sonst geht es immer automatisch zur nächsten Seite.