Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


timer count coldfusion

Posted on 2012-03-10
Medium Priority
Last Modified: 2012-03-16
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.
Question by:s_hausen
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
  • 2
  • +1
LVL 11

Expert Comment

ID: 37705480
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
LVL 52

Expert Comment

ID: 37705567
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.

Author Comment

ID: 37705733
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??
The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

LVL 11

Accepted Solution

SANDY_SK earned 1000 total points
ID: 37707420
Check this code....



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);


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 {

		document.getElementById('timeLeft').innerHTML = timeLeft;



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

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


Open in new window

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

Expert Comment

by:Gurpreet Singh Randhawa
ID: 37708870
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


Author Comment

ID: 37711143
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 :)
LVL 52

Expert Comment

ID: 37711165
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)

Author Comment

ID: 37711808
thx _agx, i'm also trying to solve this puzzle. Looking forward for your response.

Author Comment

ID: 37731428
finally i got the solution:

<script type="text/javascript">  
  var hours = 0  
  var minutes = 30
  var seconds = 10
function setCountDown ()
  if (seconds < 0){
      seconds = 59
  if (minutes < 0){
      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.");


<div id="remain"></div>

Author Closing Comment

ID: 37731432
code helped me to solve the main problem.

Featured Post


We will be discussing what Azure Stack is, how does it fit into the suit of offerings that Azure has currently, and where can it fit into your organizations technology stack. We will also be discussing limitations of the platform while covering various applicable scenarios.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

670 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question