timer count coldfusion

hi,
i'm developing an online quiz application in cold fusion and want a timer in quiz page. The time value will come from a table. so if quiz time is 1 hour 30 minutes, it will show the 1 hours, 30 minutes and seconds running on quiz page. or if time is  15 minutes then it will show 0 hours 15 minutes and seconds. it will also prompt an alert before ending the timer in last 1 or 2 minute. and so as soon as the times out the quiz page will redirect to results page.  Timer would be in real time like 01:30:23.
hope i've explained it in detail. any help, comments or feedback would be deeply appreciated.
s_hausenAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

SANDY_SKCommented:
What you can do is

1. get the timer in seconds from the table and store it in a local javascript variable.

2. Have a method that will display the timer value formatted as required

3. There is a setTimeOut method in javascript that can be used to call call a method every second that will reduce the number of seconds left by one and call the display method again

4. In the same method if the number of seconds left is 60 you can give the alert

5. In the same method if the number of seconds left is 0, you forward to the result page.

Hope this is what you were looking for
0
_agx_Commented:
In addition, you should revalidate the time elapsed when the quiz is submitted. Otherwise a user could take as much time as they want by disabling javascript. One approach might be to store an encrypted start time in a form field. Then use it to validate the time elapsed on submission. Or you could log the start times in a db table. Just do not embed the information in plain text or it can be spoofed.

I'd also suggest using a jquery plugin for the timer instead of rolling your own. I haven't used it but this one looks nice.
0
s_hausenAuthor Commented:
i'm not very good with javascript and looking for a sample code whch is doing the same function as i'm desiring. Also i've one more issue, which is when user hit submit for each questions form values go to answersubmit page and then redirect back to quiz page. does it will effect the timing code on the quiz page??
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

SANDY_SKCommented:
Check this code....

<HTML>


<SCRIPT>

var maxTime;
var timeLeft;
var alertwhen = 10; //How many seconds early the alert needs to be given

function startTimer(){

	maxTime = document.timerForm.maxTime.value;
	timeLeft = eval(maxTime);
	setTimeout("checkTimer()",1000);

}


function checkTimer(){

	if(timeLeft == alertwhen){
		alert('Hurry, Only '+alertwhen+' seconds left!!!');
	}

	if(timeLeft == 0 ) {
		//Submit the form to the next page
		alert('Time UP!!!');
	} else {

		timeLeft--;
		document.getElementById('timeLeft').innerHTML = timeLeft;
		setTimeout("checkTimer()",1000);
	}

}


</SCRIPT>

<BODY onload="javascript:startTimer();" >
	<form name="timerForm">
	<input type="hidden" name="maxTime" value ="30" />

	Time Left : <SPAN id="timeLeft"></SPAN>
	</form>
</BODY>

</HTML>

Open in new window


Also as _agx_ suggested you need to do a double check at the server side.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Gurpreet Singh RandhawaCEOCommented:
ok my 2 cents, what if i though the keyboard use the ctrol+o, it will open the file popup and ur timeer will stop

;)
0
s_hausenAuthor Commented:
I do appreciate everyone's help, comments and feedback on this question, but unfortunately not getting the solution of my question. So I guess i better go ahead and try to write my own javascript and will post it on this thread. might take a day or two :)
0
_agx_Commented:
Sorry for the delay in responding... I've got a deadline to meet and can't work up an example until tomorrow  (if nobody else has answered by then)
0
s_hausenAuthor Commented:
thx _agx, i'm also trying to solve this puzzle. Looking forward for your response.
0
s_hausenAuthor Commented:
finally i got the solution:

<script type="text/javascript">  
  var hours = 0  
  var minutes = 30
  var seconds = 10
function setCountDown ()
{
  seconds--;
  if (seconds < 0){
      minutes--;
      seconds = 59
  }
  if (minutes < 0){
      hours--;
      minutes = 59
  }
  if (hours < 0){
      hours = 23
  }
  document.getElementById("remain").innerHTML = hours+" Hours "+minutes+" Minutes "+seconds+" Seconds";
  SD=window.setTimeout( "setCountDown()", 1000 );
  if (hours == '00' && minutes == '00' && seconds == '00') { seconds = "00"; window.clearTimeout(SD);
               window.alert("Time is up. Press OK to continue.");
       }

}
</script>

<div id="remain"></div>
0
s_hausenAuthor Commented:
code helped me to solve the main problem.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ColdFusion Language

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.