Click here to Skip to main content
Click here to Skip to main content

Demonstration of using a timer on a webpage

, 12 Sep 2003
Rate this:
Please Sign up or sign in to vote.
Demonstration of using a timer on a webpage.

Introduction

ASP is commonly used on Microsoft Servers and other compatible platforms to build dynamic web pages and also to retrieve data from databases. ASP supports various scripting languages like VBScript, JScript, etc. These scripting languages provide the business logic to the web pages while ASP is used to provide dynamic content to the webpage.

Briefing About The Problem

I came across a problem when I was building an Online Examination System for my Institute. The problem was to restrict the student's time, i.e., the student must answer all the questions in the exam in a specific time. For that, I had to attach a timer to the web page. I made use of VBScript inside the ASP page. I assume here that the reader is conversant in VBScript, if not, it is not a problem, just mail me at email@gauravsonline.com if you have any queries related to the subject. I would definitely reply.

Example

Now comes the explanation of how it's done. I am trying to simulate a "count down clock". This is explained as follows with the help of the following ASP example:

'************************************************************* 
'This program makes use of a recursive procedure HandleTime.
'The important aspects of the code are "Status" and "setTimeOut". 
'Status is an attribute of the Window object in VBScript and is used to 
'change the status message of the active window. 
'setTimeOut is a VBScript function that tells after how much time the timer 
'would stop and accordingly it calls a function passed into it to take some 
'action when the time is up.
'This procedure calls its self after every 1 sec (I have taken 1sec = 950ms
' here) and accordingly the variables hr, min and sec are decremented. 
'************************************************************* 
Sub HandleTime 
    if hr=0 and min=0 and sec=0 then 
        EndTime 
        '**When hr, min and sec are all 0, this means that the time is up 
        '**and EndTime procedure is 'called. 
    elseif min>=0 and sec>0 then 
        sec=sec-1 
        status=hr & ":" & min & ":" & sec 
        '**Whenever the second changes the Status of the window has to 
        'be changed. 
        intTimerID=setTimeOut("HandleTime",950, "VBScript") 
        '**setTimeOut function returns a unique timer id that is used to 
        'keep track of the time. 
        '**When the time is up the timer id is destroyed automatically. 
    elseif min>0 and sec=0 then 
        min=min-1 
        sec=59 
        status=hr & ":" & min & ":" & sec 
        intTimerID=setTimeOut("HandleTime",950, "VBScript") 
    elseif hr>=0 and min=0 then 
        hr=hr-1 
        min=59 
        sec=59 
        status=hr & ":" & min & ":" & sec 
        intTimerID=setTimeOut("HandleTime",950, "VBScript") 
    end if 
End Sub 

Sub EndTime 
    clearTimeOut intTimerID 
    '**clearTimeOut is a built in procedure of VBScript which is used to 
    '**clear and destroy the timer id explicitly 
    status = "Your Time Ended" 
    '**When the time ends the status bar displays this message. 
    msgbox "Time Up" 
End Sub

How To Use The Source Code

To run the ASP code, you must have an ASP enabled web server such as Microsoft Personal Web Server or IIS installed on your system and select the publishing directory. This code could also be executed from a simple .htm file without requiring PWS or IIS installed.

When you run the program, you would see that the clock starts from 0:2Blush | :O and ends at 00:00:00. You can use the variables hr, min and sec in the program to change the time. Moreover, you can also connect a form from which you can specify inputs to these variables and hence you can have your own time constraints.

Warning

This code could only be executed inside browsers with VBScript built in. For example: IE 4.0 or higher.

Screenshots of the Program

Here, you can see that the time starts at 0:2Blush | :O . The time ends after two minutes and then the message is displayed like this:

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

Gaurav Saini
Software Developer (Senior)
United States United States
No Biography provided

Comments and Discussions

 
Questiondemonstrate using vb.net Pinmemberswatigodkhindi14-Apr-09 21:54 
AnswerRe: demonstrate using vb.net PinmemberGaurav Saini15-Apr-09 5:00 
Generalsending data automatically when the time runs out Pinmembermhelo1-Apr-08 22:48 
QuestionTimer Control Pinmemberbhappi23-Jan-08 21:22 
Questiontimer coding Pinmemberbhappi23-Jan-08 21:18 
GeneralActiveX that displays images using ASP Pinmemberawni12-Jan-04 8:32 
GeneralFails to meet expectations PinmemberPFunky15-Sep-03 12:49 
GeneralRe: Fails to meet expectations PinmemberGaurav Saini16-Sep-03 4:01 
Questionhow can i run it in the server ?? Pinmemberyanivbd5-Sep-03 2:09 
GeneralEh PinmemberVictor Vogelpoel23-Nov-02 5:41 
GeneralRe: Eh Pinmembergauravsaini25-Nov-02 2:21 
GeneralRe: Eh PinmemberVictor Vogelpoel25-Nov-02 4:46 
GeneralRe: Eh PinmemberSteve McLenithan25-Nov-02 5:43 
GeneralRe: Eh Pinmembergauravsaini26-Nov-02 18:25 
GeneralRe: Eh PinmemberVictor Vogelpoel26-Nov-02 21:13 
GeneralRe: Eh PinsussAnonymous24-Jun-03 13:56 
GeneralRe: Eh PinsussAnonymous24-Jun-03 19:05 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140718.1 | Last Updated 13 Sep 2003
Article Copyright 2002 by Gaurav Saini
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid