943,697 Members | Top Members by Rank

Ad:
  • ASP Discussion Thread
  • Unsolved
  • Views: 2603
  • ASP RSS
Mar 29th, 2007
0

Generating clientside javascript

Expand Post »
I'm currently working on my online quiz application. It is based on ASP.
I want to add the countdown timer in every quiz that run.
But the problem is the javascript will go freeze in my ASP, it only run each time i refreshed the page.
Some suggest me to use the clientside javascript to get the time running.
Anybody can help me with this?
Your help is very much to me. Thanks.
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
enggars is offline Offline
22 posts
since Mar 2007
Mar 29th, 2007
0

Re: Generating clientside javascript

Try here

http://www.javascript-page.com/timer.html

God I love Google
Reputation Points: 12
Solved Threads: 8
Junior Poster
davidcairns is offline Offline
114 posts
since Feb 2007
Mar 29th, 2007
0

Re: Generating clientside javascript

Try here

http://www.javascript-page.com/timer.html

God I love Google
Okay now i can see it.
Well how can set up the limitation time.
I wrote the code :
If document.theTimer.theTime.value = "01:00" {
Stop();
}
But the clock dont even run.
Im new in Java, so any help will be great. Thanks.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
enggars is offline Offline
22 posts
since Mar 2007
Mar 29th, 2007
0

Re: Generating clientside javascript

Make sure you have these options in the html body tag

<body onload="Reset()" onunload="Stop()">

Regards

D
Reputation Points: 12
Solved Threads: 8
Junior Poster
davidcairns is offline Offline
114 posts
since Feb 2007
Mar 29th, 2007
0

Re: Generating clientside javascript

Make sure you have these options in the html body tag

<body onload="Reset()" onunload="Stop()">

Regards

D
OKAY here is the code :
I think i miss-place the limitation code.

The limitation code is :
If document.theTimer.theTime.value = "01:00" {
Stop();
}

Where should i place the code?

<script language="JavaScript">

<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var timerID = 0;
var tStart = null;

function UpdateTimer() {
if(timerID) {
clearTimeout(timerID);
clockID = 0;
}

if(!tStart)
tStart = new Date();

var tDate = new Date();
var tDiff = tDate.getTime() - tStart.getTime();

tDate.setTime(tDiff);

document.theTimer.theTime.value = ""
+ tDate.getMinutes() + ":"
+ tDate.getSeconds();

timerID = setTimeout("UpdateTimer()", 1000);

If document.theTimer.theTime.value = "01:00" {
Stop();
}


}

function Start() {
tStart = new Date();

document.theTimer.theTime.value = "00:00";

timerID = setTimeout("UpdateTimer()", 1000);
}

function Stop() {
if(timerID) {
clearTimeout(timerID);
timerID = 0;
}

tStart = null;
}

function Reset() {
tStart = null;

document.theTimer.theTime.value = "00:00";
}

//-->

</script>
<body onload="Reset()" onunload="Stop()">
<center><form name="theTimer"><table>
<tr>
<td colspan=3 align=center>
<input type=text name="theTime" size=5>
</td>
</tr>
<tr><td></td></tr>
<tr>
<td>
<input type=button name="start" value="Start" onclick="Start()">
</td>
<td>
<input type=button name="stop" value="Stop" onclick="Stop()">
</td>
<td>
<input type=button name="reset" value="Reset" onclick="Reset()">
</td>
</tr>
</table></form></center>

Oh ya, im working on the resume function so the time will not be reset when the page is being refreshed.
Any helps of this will once again a big thank you from me.
Reputation Points: 10
Solved Threads: 0
Newbie Poster
enggars is offline Offline
22 posts
since Mar 2007
Mar 29th, 2007
1

Re: Generating clientside javascript

It would need to go inside the update function as you say. Also JS timers aren't perfect, so use >= instead of = as follows

If tDate.getMinutes() >= 1 {
Stop();
}


Regards

D
Reputation Points: 12
Solved Threads: 8
Junior Poster
davidcairns is offline Offline
114 posts
since Feb 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in ASP Forum Timeline: Type mismatch
Next Thread in ASP Forum Timeline: ASP.net Hosting Urgent





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC