have you seen those sites that have a clock with the sencods changing, wish you could put something like that?

Well, you are in luck, today i will show you how to put a digital clock on your website using javascript, you will learn how to put it on your web pages, just copy and pase the sample code script below.

the first step is to open your text editor, you can use notepad which come with windows and copy and paste the following code into a new document:

The Current Time is:


<HTML> <TITLE>How to make a digital click with javascript tutorial guide</TITLE> <HEAD> </HEAD> <style type="text/css"> <!-- .style2 {color: #0066FF} .style3 { color: #009933; font-weight: bold; } .style5 {color: #0066FF; font-weight: bold; } --> </style> <BODY> <h1 align="center"><strong>How to make a digital click with javascript tutorial guide </strong> </h1> <TABLE BORDER=0 align="center" cellpadding="5" cellspacing="1" BGCOLOR=#999999> <TR> <TD bgcolor="#FFFFFF"> <span class="style3">The Current Time is: </span> <FORM NAME="clock_form"> <INPUT NAME="clock" TYPE=TEXT SIZE=65> </FORM> <SCRIPT LANGUAGE="JavaScript"> <!-- Hide from non JavaScript browsers function clockTick() { currentTime = new Date(); document.clock_form.clock.value = " "+currentTime; document.clock_form.clock.blur(); setTimeout("clockTick()", 1000); } clockTick(); // End of clock --> </SCRIPT></TD> </TR> </TABLE> </p> <br /> <span class="style3">NOTE</span>: you must have javascript enabled in your browser for this to work, if you want to know how to enable javascript in your browser, <a href="http://www.wallpaperama.com/forums/show-me-how-to-enable-javascript-in-firefox-browser-t43.html">CLICK HERE </a><br /><br /> <div align="center">Turotial by <a href="http://www.wallpaperama.com">Wallpaperama.com</a></div> <hr size="2" noshade> <p>This Script is provided by <span class="style5">Wallpaperama.com</span> - Support us by telling your friends about wallpaperama and help contribut to the open source by adding your knowledge of PHP, Linux, Mysql and more to others, just like this script.</p> <p>Thank You</p> <p class="style3">Wallpaperama Team</p> <p><a href="http://www.wallpaperama.com/forums">&lt;&lt; Go Back</a> </p> <p align="center">PHP Hosting by <a href="http://www.webune.com">Webune.com</a> </p> <p> </BODY> </HTML>


now save the file as javascript-clock.html and upload to your website.

if can't upload to your website or you don't have a website, you can start by visiting our friends at www.webune.com and start your own website. this post is sponsed by www.webune.com

webune hosting

IF you don't have a website, our friends at www.webune.com have provided us with server space to show you how this javascript would work.

example clock