fatal_error: Formular absenden nach Ablauf des Countdowns

Beitrag lesen

Hi, ich arbeite im Moment an einem Quiz. Um den Schwierigkeitsgrad zu erhöhen, soll man genau 60 Sekunden Zeit haben, um die Frage zu lösen (Dieser Countdown soll auch angezeigt werden.). Danach soll das Formular automatisch abgeschickt werden. Hier erstmal der HTML Code:

<p id='timer'></p>
<form action='auswertung.php' method='post'>
  <input class='button' type='submit' id='submitb' value='weiter'>
</form>

Mein eigentliches Problem ist der Countdown. Ich habe hier versucht mit einer for-Schleife zu arbeiten, weiß aber nicht ob ich es überhaupt richtig gemacht hab. Bis jetzt bekomme ich immer die Fehlermeldung: TypeError: null is not an object (evaluating 'document.getElementById('submitb').click') und der Countdown wird nicht im <p> tag angezeigt.

 for (var i = 60; i=0; i--) {
    document.getElementById('timer').innerHTML = 'i';
    setTimeout(1000);
    
  }
      document.getElementById('submitb').click();
 

Aber wenn ich die Schleife weglasse funktioniert das Senden mit onload oder onclick.

document.getElementById('submitb').click();

Ich würde mich freue wenn jemand mir folgende Fragen beantworten könnte: Ist die For-Schleife so überhaupt richtig? Wie kann ich den Countdown anzeigen lassen? Und Warum bekomme ich die oben genannte Fehlermeldung?

Im Voraus schonmal vielen Dank.