Timer function required (Javascript) - 120 secs to finish the quiz?

[patelxxx]

I'm setting up a quiz where users have 120 secs to finish a quiz, what timer function do I use and how?

After 120 secs I want to display a message, "Sorry timed out".

Thank you

patelxxx

[epots9]

heres an example of a clock, u can build on that.

good luck

[patelxxx]

thank you for that.

cheers

[patelxxx]

I've been studying the 'timer' script, however i don't understand some parts, please see my commented lines:

<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)       //DON'T UNDERSTAND THIS
}
 
function checkTime(i)                 //DON'T UNDERSTAND THIS FUNCTION       
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>

Also, After the 120 sec timer limit, i want to disable the submit button, how is this done.

cheers

[acoder]

Line 12 uses setTimeout to call startTime() after 500 milliseconds which equals half a second. In this case, it might be better to use setInterval instead.

The checkTime function just adds a zero if the minutes or seconds is one digit (less than 10). This gives a more uniform display, e.g. instead of 12:5:9, you'd see 12:05:09.

[patelxxx]

and how would I disable the submit button once the 500 ms are over?

cheers

[acoder]

and how would I disable the submit button once the 500 ms are over?

If your submit button looks like this:[HTML]<input type="submit" name="submit" id="submitbtn" value="Submit">[/HTML] then you can disable like this:

document.getElementById("submitbtn").disabled=true;

[patelxxx]

Ok cheers for that I have now got the disable button working via the setInterval() method and I can display the date too.

However how can I 'count down' (and display this on screen) the setInterval ().

Currently I have the setInterval() method to disable my submit button after two mins, however I wanted to display the 'count down' of the two mins on screen. So that it is easy for the user to see how long they have got left.

cheers you have have been great help so far.

[acoder]

Show your code so far.

[patelxxx]

function disable_submit_button() {
    alert("Time Out");
    get_results();
    document.getElementById("submit").disabled=true;
}
 
 
function set_limit() {
    var limit_ques = self.setInterval("disable_submit_button()", 60000);
    alert("You have 1 minute to complete the questionnaire, PRESS OK TO BEGIN"); 
 
 
}

[acoder]

Where's your countdown code? The clock code was in the right direction. You'll need two setIntervals. One for the disabling and the other for the countdown. Don't forget to clear the interval using clearInterval once you get to 0.

[patelxxx]

Cheers for that, all ok.

[acoder]

Cheers for that, all ok.

Glad you got it all working. Post again anytime should you hit any more problems.

[hemantharjinder]

Heya patelxxx
plz can you show your full code here, i am a beginner and don't know much.
www.jaipurcoaching.com