Javascript timer issue

[nawhaley]

Ok I'm working on a timer that will work over multiple pages. Basically what this means is I need the timer to start on page one and give the user x amount of time to complete a quiz that spans several pages. At the end unless they completed the quiz it then pops up a message stating that they took to long to complete the quiz. I already have a timing function working but the issue is when you go to the next page it obviously stops running. I've tried developing a cookie to store the value for transfer between pages but I"m not sure how pull it back out,continue processing the time then store the adjusted time back in for retrieval later. Has anyone here tried to do something similar to this before if so how did you get it functioning?

[Niheel]

What you can do is when the user starts or arrives at a page, set a cookie with the start time and end time.

Example;
Endtime = starttime + alloted seconds;

Then all you have to do is have each page load up js code that checks the current time with the Endtime. If the current time is greater than the end time, it serves a popup.

The only issue i can think of is, if the individual keeps changing the system time, it might alter the amount of time available.

If this is the case you might want to store your sessions in a database on the server side, then via js call a php file every second that would check if it's timesup, if so it would send out a popup.

[brokensilence]

i've got a good one for you, put this in a globalfunction page that your quiz page refers to, here's a good timer code that the actual time is selected by the user...It puts the time in the status bar

 function updatetimeleft() 
{
timeleft = var timelimit = cbotimelimit.options[cbotimelimit.selectedIndex].value;// Here is the selected timelimit
    timeleft--;
 
    if (timeleft == 0)
    {
        alert("Time is Up")
        stoptimer(); //My Own function to stop the timer
 
    }
    else
    {
        var minutes = Math.floor(timeleft/60)
        var seconds = Math.floor(timeleft - (60 * minutes))
        if (minutes < 10)
            {
                minutes = "0" + minutes;
            }
        if (seconds < 10)
            {
                seconds = "0" + seconds;
            }
        window.status = "Time Left is " + minutes + ":" + seconds;
    }
}
 
 
//For the function that initiates the quiz, put in this statement
 
    if (timeleft == -1)
    {
        window.status = "No Time Limit";
    }
    else
    {
        quiztimerid = window.setInterval("updatetimeleft()",1000);
    }
 

Hopefully this helps a little bit

[MrWSD]

 #txt { 
border:none;
font-family:verdana;
font-size:16pt;
font-weight:bold;
border-right-color:#FFFFFF
}
 
 
var mins
var secs;
 
function cd() {
    mins = 1 * m("10"); // change minutes here
    secs = 0 + s(":01"); // change seconds here (always add an additional second to your total)
    redo();
}
 
function m(obj) {
    for(var i = 0; i < obj.length; i++) {
        if(obj.substring(i, i + 1) == ":")
        break;
    }
    return(obj.substring(0, i));
}
 
function s(obj) {
    for(var i = 0; i < obj.length; i++) {
        if(obj.substring(i, i + 1) == ":")
        break;
    }
    return(obj.substring(i + 1, obj.length));
}
 
function dis(mins,secs) {
    var disp;
    if(mins <= 9) {
        disp = " 0";
    } else {
        disp = " ";
    }
    disp += mins + ":";
    if(secs <= 9) {
        disp += "0" + secs;
    } else {
        disp += secs;
    }
    return(disp);
}
 
function redo() {
    secs--;
    if(secs == -1) {
        secs = 59;
        mins--;
    }
    document.cd.disp.value = dis(mins,secs); // setup additional displays here.
    if((mins == 0) && (secs == 0)) {
        window.alert("Time is up. Press OK to continue."); // change timeout message as required
        // window.location = "yourpage.htm" // redirects to specified page once timer ends and ok button is pressed
    } else {
        cd = setTimeout("redo()",1000);
    }
}
 
function init() {
cd();
}
window.onload = init;
 
 

[HTML]
<!-- Paste this code into the HEAD section of your HTML document.
You may need to change the path of the file. -->

<script type="text/javascript" src="countDown.js"></script>



<!-- Paste this code into the BODY section of your HTML document -->

<form name="cd">
<input id="txt" readonly="true" type="text" value="10:00" border="0" name="disp">
</form>
[/HTML]