Question

I am trying to use the jQuery Countown plugin to let my users now how much time they have left for a certain task.

So I use the following code to start the countdown with 30 minutes.

<script type="text/javascript">
$(function () {
 $('#defaultCountdown').countdown({until: '+30m'});
});
</script>

The problem is that the users are going to be navigating to different pages for a given task, and if I just include this code on all the pages the timer would start from 30 minutes every time a user goes to a new page or refreshes the current one. I am new to jQuery so I would like to know if there is a way to make this code static so that is starts after a given event(in one page) and is and stops when an event on another page has occurred?

EDIT: I should mention that the countdown will only be used for a usability test in a controlled environment so that the application will only be run on one computer.

Answer 1

Client side solution:
Instead of counting up to a relative time, count to an absolute time and store it in a cookie.
Each page can lookup the value and start the timer.