Seite mit Prüfungsformular erstellen - Restzeitanzeige 60 Minuten

[R3D3]

Hallo zusammen, ich habe eine Seite für eine Prüfung erstellt, die Zeit für die Prüfung sollte 60 Minuten betragen.

Oben läuft ein Counter mit JavaScript.

Soweit Sogut.

Nun ist es aber so, dass der Timer wieder bei 60 beginnt, sobald der User die Seite neu lädt. Das darf natürlich nicht sein.

Wie kann ich es realisieren, dass der Timer-Endwert fest auf dem PC des Users gespeichert wird? Geht das evtl. mit Cookies, etc...?

Hier ist die Seite: https://pilgerklausur.live.code99.it/fragebogenstartseite/

LG!

 

[basti1012]

Das kannst du natürlich mit Cookies machen oder localstorage nutzen.
https://developer.mozilla.org/de/docs/Web/API/Window/localStorage

 

[R3D3]

Läuft! Recht herzlichen Dank für die schnelle Hilfe.

Der Code:

Seite 1:

<script>
localStorage.setItem('Vorname', 'Asterix');              
</script>

Folgeseite:

<p id="vorname"></p>
<script>
var vorname = localStorage.getItem('Vorname');
document.getElementById("vorname").innerHTML = vorname;
</script>