Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Photoshop Tutorials
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Web Design & Graphic Design Blog
Photoshop, Flash, 3D Studio Max Tutorials
Web Designers & Developers
Crafts for Kids
Photoshop Tutorial Man
Tutorial Guide -- Free Webmaster Tutorials
Design Contests
How to Draw
Work From Home Job Search
OTHER SITES WE OWN
AllFreelance
Graphic Design Resources Directory
Graphics Tutorials Directory
Social Networking Articles
Design Sites Up
All Freelance Work & Portfolios
Graphic Design Community
Education & Learning Directory
![]() |
home > Web Design Tutorials > Programming Tutorials > Javascripting Articles > Javascript Interacting withTime Coding Tutorials
JavaScript Timing Events
With JavaScript, it is possible to execute some code NOT immediately after a function is called, but after a specified time interval. This is called timing events.
Simple timing
Example of Simple timing.
Another simple timing
Example of Another simple timing.
Timing event in an infinite loop
Example of Timing event in an infinite loop.
Timing event in an infinite loop: with a Stop button
Example of Timing event in an infinite loop - with a Stop button.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
A clock created with a timing event
Example of A clock created with a timing event.
Measuring users' time on a page
This script can tell the visitors of your homepage how much time they have spent on your page. To do that, first we create a function called person_in(). This function creates a new date instance which is called via the onLoad() event handler.
The mystery of time
JavaScript has a number of functions that deal with time…
the months
there is little new to learn to get the months. There is a function getMonth() which which corresponds with getDay(), and as with the days, we need to make an array writing the months in the way we want them displayed.
Visual Clock
This script shows a real-time digital clock using your own images…
Countdown Timer
This script will count down from a set time and will stop when it reaches zero. Very useful and easy to use for sites where a redirection is necessary.
Online Timer
Display how long a visitor has been on your site.
Status Bar Clock Script
This script displays the current time/date in the status bar.
Display Time and Document URL
Display the current time plus the document's URL conveniently using this script.
Time of Day Message Script
This script shows a different message depending on the time of day.
ISO Date
Display the date and time in accordance with the ISO 8601 standard.
Stop Watch Script
Add a nifty JavaScript stop watch to your site! Comes with the basic stop/start and reset feature.
Military to Standard Time Display Script
This script has a textbox containing the time, and below are two radio buttons allowing you to specify how the time will be displayed.
Text Time Format
This script collects the current time from your computer and writes it to HTML format for the browser to display.
Limited Page View Script
Limit the time that a page is viewed using this script.
Clock Pointer
A clever clock that follows the mouse.
Clock Talk
You can set a time for an alert to pop up and say something to your visitor.
World Time for 22 World Capitals
Just doubleclick anywhere on the white space of this webpage and the local time of 22 capitals will appear. Doubleclick again and the worldtime will disappear.
Timers
In JavaScript you usually set things to occur in response to certain event, like when the page loads or after the page loads, or when the user clicks on something.
Display the current time
Simply copy this script inside the of your HTML document. It should be placed wherever you want the time to be displayed.
Date and Time Last Modified Display
Use this code snippet to determine and display the date the document was last modified (date and time)…
Status Date/Time Display
Use this code to display the date/time dynamically on the status bar on a particular page. Take a look at the status bar on this page for an example…
Title Bar Date and Time Display
Use this code snippet to display today's date and current time on your web page TITLE BAR.
Timed Events
There will often be times (particularly if you are creating animated effects) where you want a piece of Javascript code to run after a set amount of time has passed. You may even want the code to run over and over at set intervals. To do this we need to u
Introduction to date and time
This page describes the basics of date and time scripting and explains the millennium problem.
Date and time
On this page I give a script to print out the present time and date, both in 24hrs format and in am/pm format. Many people want this on their website, no doubt because otherwise surfers would completely forget what time and date it is.
Internet Beat
The Internet Beat is a new measure of time, meant especially for the Internet. It divides the day into 1000 beats of 86.4 seconds each. It is written with an @ in front of it. The great advantage of it is that it offers a truly worldwide time, so that ...
RECENT ARTICLES from Graphic Design BloG
3D Photoshop Object Projects and Tutorials - Part II
More 3D for Fun and FunctionIn our last article we presented some nifty examples of what you can do with Photoshop in creating your own 3D objects. There are literally thousands of PS objects that you can download from the Internet, but the process of making your own Photoshop 3D items is not only fun [...]
![]() |
![]() |
|
![]() |
![]() |
|
Got (Photoshop) Gadgets? Part I
Spruce Up Your Website
Are you tired of the same old button gadgets everyone else uses on their websites? If you are, here are a few gadgets you can create in Photoshop that may bring some bling to your webpages. A big thanks to Hongkiat for assembling most of these tutorials.
Flash Drive Gadget
For all those tech [...]
Things You Won?t Hear About Successful Web Designers - Part II
Got Customers?
Take the case of “Jesse,” a brilliant web designer. It’s obvious that he has serious skills in design and can run circles around other web designers when it comes to talent. But oddly enough, he doesn’t have many customers.
On more than one occasion he tells his customers that he is “overworked” and complains about [...]
Things You Won?t Hear About Successful Web Designers - Part I
What You Need
If you ask most employed web designers what factors were most important in their development as a web designer you’ll probably hear “experience” and “school” at the top of their lists.
Outside of coding skills there are other elements that make a web designer successful. The following traits are things that you won’t usually [...]
How to Select a Good Web Design College
Some Guidelines and Tips
If you are seriously considering going to college for your graphic design education or web design degree you already know that there are no shortages of available colleges, universities, and online education centers that constantly vie for your attention. But how can you distinguish between the good schools and the bad ones? [...]
Twas the Night Before Debugging
Happy Holidays!
We just wanted to say thanks for visiting this site and to wish everyone a restful and happy New Year. We’ve done a little parody of a famous poem for all you web designers out there. We hope you like it.
Twas the Night Before Debugging
by Frank Ling aka “Admin”
Twas the night before debugging when [...]
Got Scripts and Website Design Resources? Part I
Got Scripts?
In this week’s article we’ve spotlighted some websites that provide various script resources for web designers. You’ll find everything from hit counters, animated menu scripts to useful tutorials and other useful helps.
When you need that certain something for your next project, you’ll probably find it on one of these websites.
.
.
.
PHP Junkyard
Here is a great [...]
All Web Design Resources is a Directory & Blog Full of Tools for Web Site Designers
All Web Design Resources Portal is a Web Site Design education directory with resources & articles for Graphic Designers, Web Developers, & Web Designers including a Web Design forum, blog, graphics software tips, web development resources, web programming tools, web design jobs, advice for new web designers about web design schools and education as
well as tips for freelance web design business owners, and much more.
Free Logo Design
Need Some HTML tutorial
HDR photography ( High Dynamic Range)
Coolest Flyers & Posters - Great design inspiration & ideas
I am deeply sadden by the recent news
Hey - it's a MOVIE thread!
Tunes while you design
A whole lot of unessesary quotations.
Is Mozilla the best browser???
Finally!
Bad Photograph?
What should I minor in?
My Photos
PLEASE HELP: Would a two year degree hurt me?
My new photo website
Dreamweaver Won't Preview In Browser