Sandeep's Nook: JavaScript Page


Clocks & Timers Scripts


 1. CLOCK - I
   

This JavaScript Clock shows the time in hours, minutes, seconds and whether ante or post meridiem, in 4 text boxes. This is most probably the simplest clock script you can ever find. This example shows the time only in the 12 hour format but the time can also be shown in the 24 hour format if needed as shown in the script.


Click here for the script.
 
 2. CLOCK - II
   

Similar to the previous script. The difference is that the time is shown in a single text box.



Click here for the script.
 
 3. CLOCK - III
   

This clock script does not require any text box. The time is directly printed on to the page.



Click here for the script.

 
 4. STATUS LINE CALENDAR/CLOCK
   

Check out the status line or bar (the gray strip) at the bottom of your browser. You can get the script by clicking the link below.

Click here for the script.
 
 5. TITLE BAR CALENDAR/CLOCK
   

Instead of the status line, this script shows the current date and time in the title bar of the browser window right after the page title. No example is provided for this script.

Click here for the script.

 
 6. ALERT BOX CALENDAR/CLOCK
   

When the button below is clicked an alert box pops-up that shows the current date and time. A useful script to have on certain websites.

Click here for the script.
 
 7. WORLD-TIMES* UPDATED *
   

Below is a link that opens the World-Times script. This is the latest, totally redone and updated version of the script with better methodology for the computation of Daylight Saving Time (DST). With this script you can simultaneously view the time in 5 different cities covering 5 different continents. Now in all you can find out the time in 178 given cities situated in the 6 major continents. This version gives the users the option to either see the time in the 12 Hour or 24 Hour format and also the option to disable DST if needed.

Click to see the script.

Click here for the script.
 
 8. CALENDAR
   

As is obvious, this is a script that prints the date on to the HTML document. As the days pass, the date also changes provided your system clock is working properly.


Click here for the script.
 
 9. SHORT DATE CALENDAR
   

As is obvious from the name of the script, this script prints the date on to the HTML document in the short date format. Short Date Sample: 20/12/05.

Click here for the script.
 
 10. COUNTDOWN TIMER
   

This countdown script directly prints on to the page the countdown time left in minutes and seconds. This script could be used to countdown the time left for the page to be redirected or for any other script to be activated, etcetera. The time from when the countdown should begin can be set. In the example shown the timer starts at 18 minutes and 40 seconds. The timer will automatically stop when the time reaches 00 minutes and 00 seconds.



Click here for the script.

 
 11. COUNTDOWN
   

This script counts down the number of days left to any particular date and then prints to the document any customizable messages. The best part of this script is that once the day is past, no message would be seen thus saving the user the trouble of immediately getting rid of the script once the day is past. No example is provided for this script.

Click here for the script.
 
 12. COUNTDOWN - I
   

This script like the previous one counts down the number of days left to any particular date. But unlike the previous script, users do not have to modify the script to set the countdown day. Just modify the Month, Date or Year in the given text boxes and click the Submit button to see the result.

 
 Month  Date  Year
 
 
Days to go:


Click here for the script.
 
 13. COUNTDOWN - II
   

This script counts down not only the number of days left but also shows how much time is left in hours, in minutes and in seconds. No example is provided for this script.


Click here for the script.
 
 14. COUNTUP
   

This script counts up and prints to the document any date in the past that can be specified. No example is provided for this script.

Click here for the script.
 
 15. STOPWATCH
   

This is a simple stopwatch script. It has the standard Start, Stop and Reset functions.

STOPWATCH


Click here for the script.
 
 16. ALARM CLOCK
   

With the help of this script one can avail of a simple alarm feature with a provision for typing any particular message to display when the alarm goes off. Just type the hour, minute, whether AM or PM, and the message under the given text boxes, after which the 'Set Alarm' button should be clicked. At the set time an Alert Dialogue Box will pop-up with an accompanying ping. If no message is typed in the Message field the word 'ALARM!' shall be displayed. There is also a provision for music to be played when the alarm goes off. For that users have to click the checkbox provided. When the music option is used a small window appears with the given message typed in and also the chosen sound file is played. Users have to remember to type 'am' or 'pm' in small letters without a gap in between.
Note: The user's browser must have the appropriate plugin installed in order to hear the alarm if the 'Play music' option is chosen!

Current Time
Alarm Time
 Hour    Minute  am/pm
    
Message
Play music?

Click here for the script.
 
 17. ALARM CLOCK WITH SNOOZE
   

This is an updated version of the Alarm Clock listed above. This Alarm script includes the snooze feature. To avail of snooze just click the checkbox provided and choose the number of minutes from the drop down menu. A small pop-up window will open at the time the alarm is set and the chosen sound file is played. At the given intervals set in minutes the alarm will be repeated. It should be remembered that the pop-up window should not be closed when the alarm first rings, but the pop-up can be minimised. If minimised the pop-up will automatically bring itself to focus at the time set.

Click to see the script.

 
 18. GMT AND TIMEOFFSET
   

This script tells users the Greenwich Mean Time (GMT) as well as the difference between the time zones of local time and GMT.

GMT:
Timezone offset
from UTC/GMT:
Click here for the script.
 
 19. 12/24 HOUR FORMAT CLOCK
   

This script can display the time in the 12 hour or 24 hour format. Users have just to click on the given radio buttons to choose the format.



Click here for the script.
 
 20. LOCAL/GMT OPTION CLOCK
   

This script displays the local time in the 24 hour format with the option of viewing the GMT. This script is similar to the previous script in its functioning. Users have just to click on the given radio buttons to choose to see either the local time or GMT. No example is provided for this script.

Click here for the script.
 
 21. INTERNET TIME
   

This script shows the Internet Time which is a new time scheme designed by Swatch, the watch-makers, which divides the 24 hour day into 1000 "beats", measured from midnight in Biel, Switzerland. As the Internet Time is the same all over the world this script would be useful if you want to make an appointment for a chat with your cyber friend anywhere in the world. See www.swatch.com for more information.

Click here for the script.
 
 22. ADD TIME
   

This is a simple script that helps users add time in the form of seconds, minutes or hours, to the current time. This script was developed as a special request for one of this sites visitors whose work involved airplane scheduling. I added this script to the collection hoping it could be of use to others as well. No example is provided for this script.

Click here for the script.
 
 23. PAGE VISIT TIMER
    This script will tell viewers the exact time they spent at a particular web page. This information is conveyed in the form of an alert that would be triggered when the viewers leave the particular page. No example has been included for this script.

Click here for the script.
 
 24. DATE GREETING
    This simple script will greet visitors on any particluar date that can be set, with an alert.

Click here for the script.
 
 25. MULTI-DATE GREETING - I
    This simple script will greet visitors with an alert on multiple dates of any given month that can be set.

Click here for the script.
 
 26. MULTI-DATE GREETING - II
    This simple script will greet visitors with an alert on multiple dates irrespective of the month or year.

Click here for the script.
 
 27. MULTI-DATE GREETING - III
    This simple script will greet visitors with an alert on sequential dates spanning weeks or even months.

Click here for the script.
 
 28. TIME OF DAY GREETING
    This script will popup an alert with an appropriate greeting for viewers depending upon the time of day. No example has been included for this script.

Click here for the script.
 
 29. TIME OF DAY BACKGROUND COLOUR
    This script will change the background colour of the webpage depending upon the time of day. No example has been included for this script.

Click here for the script.
 
 30. TIME OF DAY BACKGROUND IMAGE
    This script will change the background image of the webpage depending upon the time of day. No example has been included for this script.

Click here for the script.
 
 31. TIME OF DAY BACKGROUND MUSIC
    This script will change the background music of the webpage depending upon the time of day. No example has been included for this script.

Click here for the script.
 
 32. TIME OF DAY FLASH OBJECT
    This script will change any Flash object on the webpage depending upon the time of day. No example has been included for this script.

Click here for the script.
 
 33. PAGE LOAD TIMER
    This script calculates the time taken for the page to load in seconds. The time taken to load is displayed in an alert. No example has been included for this script.

Click here for the script.
 
 34. STOPWATCH WITH MEMORY* NEW *
   

A stopwatch script with memory to hold the last three counts. One can save time even while the stopwatch is running. It has the standard Start, Stop and Reset functions.

STOPWATCH (Memory)


Click here for the script.
 


Index Home Site Map Contact the author Back to top

Copyright © 2000 - 2024 Sandeep Gangadharan. All rights reserved.
Please read the Terms Of Use before using any of the scripts.