Question

I am doing online Exam Management, I have set a time duration for an exam to 5 min.

When student attend this test, timer starts decreasing.

I made this timer using javascript.

What the problem is if the student refresh the page timer starts from first. How can I make the time to be static if page refreshed.

Answer 1

You cannot avoid the timer from resetting because when a page reload, all HTML and JS reloads.
You can store the current time in a “cookie”. Look up “Using cookies in Javascript”.

The work flow would be as follows

1. Page loads and you start a timer.
2. User reloads the page.
3. Listen for the onBeforeUnload (and onUnload) events in Javascript and write a cookie that stores the current time.
4. When the page reloads back, read this time from the cookie and use that.
5. When timer ends, be sure to clear the cookie.