Graphic Digital Clock - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Graphic Digital Clock

Copy the code into your page where ever you want the clock to go. Also you need to download the file digits.zip , un-zip it and upload the contents to your internet directory.


Insert into <HEAD>


Insert into <BODY>
<script language="JavaScript"> <!-- Hide from old browsers var Temp; setClock(); function setClock() { var OpenImg = '<IMG SRC=YOUR INTERNET DIRECTORY GOES HERE'+'dg' var CloseImg='.gif HEIGHT=21 WIDTH=16>' Temp = "" now = new Date(); var CurHour = now.getHours(); var CurMinute = now.getMinutes(); now = null; if (CurHour >= 12) { CurHour = CurHour - 12; Ampm = "pm"; } else Ampm = "am"; if (CurHour == 0) CurHour = "12" if (CurMinute < 10) CurMinute = "0" + CurMinute else CurMinute = "" + CurMinute CurHour = ""+CurHour; for (Count = 0; Count < CurHour.length; Count++) { Temp += OpenImg + CurHour.substring (Count, Count+1) + CloseImg } Temp += OpenImg + "c" + '.gif HEIGHT=21 WIDTH=9>' for (Count = 0; Count < CurMinute.length; Count++) { Temp += OpenImg + CurMinute.substring (Count, Count+1) + CloseImg } Temp += OpenImg + Ampm + CloseImg } function pathOnly (InString) { LastSlash=InString.lastIndexOf ('/', InString.length-1) OutString=InString.substring (0, LastSlash+1) return (OutString); } // --End Hiding Here --> </script> <CENTER><P><BR> <STRONG>The current time is:<SCRIPT>document.write(Temp);</SCRIPT></STRONG><BR>

Other Options