Dinamic óra:
<P> <BR><!-- TWO STEPS TO INSTALL DYNAMIC CLOCK:</P> <P> 1. Copy the coding into the HEAD of your HTML document<BR> 2. Add the last code into the BODY of your HTML document --></P> <P><!-- STEP ONE: Paste this code into the HEAD of your HTML document --></P> <P></P> <P> <SCRIPT language=JavaScript><BR><!-- Original: Craig Lumley --><BR><!-- Web Site: <A href="http://www.ws4all.co.uk">http://www.ws4all.co.uk</A> --></P> <P><!-- This script and many more are available free online at --><BR><!-- The JavaScript Source!! <A href="http://javascript.internet.com">http://javascript.internet.com</A> --></P> <P><!-- Begin<BR>function MakeArrayday(size) {<BR>this.length = size;<BR>for(var i = 1; i <= size; i++) {<BR>this[i] = "";<BR>}<BR>return this;<BR>}<BR>function MakeArraymonth(size) {<BR>this.length = size;<BR>for(var i = 1; i <= size; i++) {<BR>this[i] = "";<BR>}<BR>return this;<BR>}<BR>function funClock() {<BR>if (!document.layers && !document.all)<BR>return;<BR>var runTime = new Date();<BR>var hours = runTime.getHours();<BR>var minutes = runTime.getMinutes();<BR>var seconds = runTime.getSeconds();<BR>var dn = "AM";<BR>if (hours >= 12) {<BR>dn = "PM";<BR>hours = hours - 12;<BR>}<BR>if (hours == 0) {<BR>hours = 12;<BR>}<BR>if (minutes <= 9) {<BR>minutes = "0" + minutes;<BR>}<BR>if (seconds <= 9) {<BR>seconds = "0" + seconds;<BR>}<BR>movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>";<BR>if (document.layers) {<BR>document.layers.clock.document.write(movingtime);<BR>document.layers.clock.document.close();<BR>}<BR>else if (document.all) {<BR>clock.innerHTML = movingtime;<BR>}<BR>setTimeout("funClock()", 1000)<BR>}<BR>window.onload = funClock;<BR>// End --><BR></SCRIPT> <BR></P> <P><!-- STEP TWO: Copy this code into the BODY of your HTML document --></P> <P></P> <P>Currently, it's <SPAN id=clock style="POSITION: relative"></SPAN></P> <P> <P> <CENTER><BR><FONT face="arial, helvetica" size=-2>Free JavaScripts provided<BR><BR>by <A href="<A href='http://javascriptsource.com">The'>http://javascriptsource.com">The</A> JavaScript Source</A></FONT><BR></CENTER> <P></P> <P><!-- Script Size: 1.66 KB --></P> <P>
</P> <P><BR><!-- ONE STEP TO INSTALL DS ANALOGCLOCK:</P> <P> </P> <P> 1. Copy the coding into the BODY of your HTML document --></P> <P> </P> <P><!-- STEP ONE: Paste this code into the BODY of your HTML document --></P> <P> </P> <P></P> <P> </P> <P><!-- This script and many more are available free online at --></P> <P><!-- The JavaScript Source!! <A href="http://javascript.internet.com">http://javascript.internet.com</A> --></P> <P><!-- Original: Dario Sciacca (<A href="mailto:dario@dseffects.com">dario@dseffects.com</A>) --></P> <P><!-- Web Site: <A href="http://www.dseffects.com/">http://www.dseffects.com/</A> --></P> <P> <CENTER> <P></P> <P> </P> <P> <SCRIPT language=JavaScript></P> <P>var author="<A href="http://www.dseffects.com">www.dseffects.com</A>";</P> <P>var clocksize="80";</P> <P>var xpos="400";</P> <P>var ypos="500";</P> <P>var colnumbers="ffff00";</P> <P>var colseconds="ff0000";</P> <P>var colminutes="ffffff";</P> <P>var colhours="ffffff";</P> <P>var regkey="";</P> <P></SCRIPT> </P> <P> <SCRIPT src="DS_AnalogClock.js"></SCRIPT> </P> <P> <P></P> <P> </P> <P>Click <A href="DS_AnalogClock_10S.zip">here</A> for download<BR></P> <P> </P> <P></CENTER></P> <P> </P> <P> <P> <CENTER> <P></P> <P><FONT face="arial, helvetica" size?-2?>Free JavaScripts provided<BR></P> <P>by <A href="<A href='http://javascriptsource.com">The'>http://javascriptsource.com">The</A> JavaScript Source</A></FONT></P> <P></CENTER> <P></P> <P> </P> <P><!-- Script Size: 0.93 KB --></P> <P>
</P> <P><BR><!-- THREE STEPS TO INSTALL DIGITAL COUNTDOWN:</P> <P> 1. Copy the coding into the HEAD of your HTML document<BR> 2. Add the onLoad event handler into the BODY tag<BR> 3. Put the last coding into the BODY of your HTML document --></P> <P><!-- STEP ONE: Paste this code into the HEAD of your HTML document --></P> <P></P> <P> <SCRIPT language=JavaScript></P> <P><!-- This script and many more are available free online at --><BR><!-- The JavaScript Source!! <A href="http://javascript.internet.com">http://javascript.internet.com</A> --></P> <P><!-- Begin<BR>//Created by DendE PhisH<BR>function getTime() {<BR>c1 = new Image(); c1.src = "1c.gif";<BR>c2 = new Image(); c2.src = "2c.gif";<BR>c3 = new Image(); c3.src = "3c.gif";<BR>c4 = new Image(); c4.src = "4c.gif";<BR>c5 = new Image(); c5.src = "5c.gif";<BR>c6 = new Image(); c6.src = "6c.gif";<BR>c7 = new Image(); c7.src = "7c.gif";<BR>c8 = new Image(); c8.src = "8c.gif";<BR>c9 = new Image(); c9.src = "9c.gif";<BR>c0 = new Image(); c0.src = "0c.gif";<BR>Cc = new Image(); Cc.src = "Cc.gif";<BR>now = new Date();</P> <P>//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO<BR>later = new Date("Jan 1 2004 0:00:01");</P> <P>days = (later - now) / 1000 / 60 / 60 / 24;<BR>daysRound = Math.floor(days);<BR>hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);<BR>hoursRound = Math.floor(hours);<BR>minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);<BR>minutesRound = Math.floor(minutes);<BR>seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);<BR>secondsRound = Math.round(seconds);</P> <P>if (secondsRound <= 9) {<BR>document.images.g.src = c0.src;<BR>document.images.h.src = eval("c"+secondsRound+".src");<BR>}<BR>else {<BR>document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");<BR>document.images.h.src = eval("c"+(secondsRound%10)+".src");<BR>}<BR>if (minutesRound <= 9) {<BR>document.images.d.src = c0.src;<BR>document.images.e.src = eval("c"+minutesRound+".src");<BR>}<BR>else {<BR>document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");<BR>document.images.e.src = eval("c"+(minutesRound%10)+".src");<BR>}<BR>if (hoursRound <= 9) {<BR>document.images.y.src = c0.src;<BR>document.images.z.src = eval("c"+hoursRound+".src");<BR>}<BR>else {<BR>document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");<BR>document.images.z.src = eval("c"+(hoursRound%10)+".src");<BR>}<BR>if (daysRound <= 9) {<BR>document.images.x.src = c0.src;<BR>document.images.a.src = c0.src;<BR>document.images.b.src = eval("c"+daysRound+".src");<BR>}<BR>if (daysRound <= 99) {<BR>document.images.x.src = c0.src;<BR>document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");<BR>document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");<BR>}<BR>if (daysRound <= 999){<BR>document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");<BR>document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");<BR>document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");<BR>}<BR>newtime = window.setTimeout("getTime();", 1000);<BR>}<BR>// End --><BR></SCRIPT> </P> <P></P> <P><!-- STEP TWO: Insert the onLoad event handler into your BODY tag --></P> <P></P> <P><!-- STEP THREE: Copy this code into the BODY of your HTML document --></P> <P> <DIV align=center><BR> <H3>Countdown to New Years (2004)</H3><BR></DIV> <P></P> <P> <CENTER><BR> <TABLE> <TBODY> <TR> <TD vAlign=bottom bgColor=black><BR><IMG height=21 src="0c.gif" width=16 name=x><BR><IMG height=21 src="0c.gif" width=16 name=a><BR><IMG height=21 src="0c.gif" width=16 name=b><BR><IMG height=21 src="Cc.gif" width=9 name=c><BR><IMG height=21 src="0c.gif" width=16 name=y><BR><IMG height=21 src="0c.gif" width=16 name=z><BR><IMG height=21 src="Cc.gif" width=9 name=cz><BR><IMG height=21 src="0c.gif" width=16 name=d><BR><IMG height=21 src="0c.gif" width=16 name=e><BR><IMG height=21 src="Cc.gif" width=9 name=f><BR><IMG height=21 src="0c.gif" width=16 name=g><BR><IMG height=21 src="0c.gif" width=16 name=h><BR></TD></TR></TBODY></TABLE><BR></CENTER> <P></P> <P> <DIV align=center><BR> <H4>(Days : Hours : Minutes : Seconds)</H4><BR></DIV> <P></P> <P><BR> <P> <CENTER><BR><FONT face="arial, helvetica" size?-2?>Free JavaScripts provided<BR><BR>by <A href="<A href='http://javascriptsource.com">The'>http://javascriptsource.com">The</A> JavaScript Source</A></FONT><BR></CENTER> <P></P> <P><!-- Script Size: 4.12 KB --></P> <P>
</P> <P><BR><!-- THREE STEPS TO INSTALL DIGITAL CLOCK:</P> <P> 1. Copy the coding into the HEAD of your HTML document<BR> 2. Add the onLoad event handler into the BODY tag<BR> 3. Put the last coding into the BODY of your HTML document --></P> <P><!-- STEP ONE: Paste this code into the HEAD of your HTML document --></P> <P></P> <P> <SCRIPT language=JavaScript><BR><!-- Original: Ramandeep Singh (<A href="mailto:ramandeepji@yahoo.com">ramandeepji@yahoo.com</A>) --><BR><!-- Web Site: <A href="http://hard-drive.hypermart.net">http://hard-drive.hypermart.net</A> --></P> <P><!-- This script and many more are available free online at --><BR><!-- The JavaScript Source!! <A href="http://javascript.internet.com">http://javascript.internet.com</A> --></P> <P><!-- Begin<BR>var dn;<BR>c1 = new Image(); c1.src = "digital-clock/c1.gif";<BR>c2 = new Image(); c2.src = "digital-clock/c2.gif";<BR>c3 = new Image(); c3.src = "digital-clock/c3.gif";<BR>c4 = new Image(); c4.src = "digital-clock/c4.gif";<BR>c5 = new Image(); c5.src = "digital-clock/c5.gif";<BR>c6 = new Image(); c6.src = "digital-clock/c6.gif";<BR>c7 = new Image(); c7.src = "digital-clock/c7.gif";<BR>c8 = new Image(); c8.src = "digital-clock/c8.gif";<BR>c9 = new Image(); c9.src = "digital-clock/c9.gif";<BR>c0 = new Image(); c0.src = "digital-clock/c0.gif";<BR>cb = new Image(); cb.src = "digital-clock/cb.gif";<BR>cam = new Image(); cam.src = "digital-clock/cam.gif";<BR>cpm = new Image(); cpm.src = "digital-clock/cpm.gif";<BR>function extract(h,m,s,type) {<BR>if (!document.images) return;<BR>if (h <= 9) {<BR>document.images.a.src = cb.src;<BR>document.images.b.src = eval("c"+h+".src");<BR>}<BR>else {<BR>document.images.a.src = eval("c"+Math.floor(h/10)+".src");<BR>document.images.b.src = eval("c"+(h%10)+".src");<BR>}<BR>if (m <= 9) {<BR>document.images.d.src = c0.src;<BR>document.images.e.src = eval("c"+m+".src");<BR>}<BR>else {<BR>document.images.d.src = eval("c"+Math.floor(m/10)+".src");<BR>document.images.e.src = eval("c"+(m%10)+".src");<BR>}<BR>if (s <= 9) {<BR>document.g.src = c0.src;<BR>document.images.h.src = eval("c"+s+".src");<BR>}<BR>else {<BR>document.images.g.src = eval("c"+Math.floor(s/10)+".src");<BR>document.images.h.src = eval("c"+(s%10)+".src");<BR>}<BR>if (dn == "AM") document.j.src = cam.src;<BR>else document.images.j.src = cpm.src;<BR>}<BR>function show3() {<BR>if (!document.images)<BR>return;<BR>var Digital = new Date();<BR>var hours = Digital.getHours();<BR>var minutes = Digital.getMinutes();<BR>var seconds = Digital.getSeconds();<BR>dn = "AM";<BR>if ((hours >= 12) && (minutes >= 1) || (hours >= 13)) {<BR>dn = "PM";<BR>hours = hours-12;<BR>}<BR>if (hours == 0)<BR>hours = 12;<BR>extract(hours, minutes, seconds, dn);<BR>setTimeout("show3()", 1000);<BR>}<BR>// End --><BR></SCRIPT> </P> <P></P> <P><!-- STEP TWO: Insert the onLoad event handler into your BODY tag --></P> <P></P> <P><!-- STEP THREE: Copy this code into the BODY of your HTML document --></P> <P><IMG height=21 src="digital-clock/cb.gif" width=16 name=a><BR><IMG height=21 src="digital-clock/cb.gif" width=16 name=b><BR><IMG height=21 src="digital-clock/colon.gif" width=9 name=c><BR><IMG height=21 src="digital-clock/cb.gif" width=16 name=d><BR><IMG height=21 src="digital-clock/cb.gif" width=16 name=e><BR><IMG height=21 src="digital-clock/colon.gif" width=9 name=f><BR><IMG height=21 src="digital-clock/cb.gif" width=16 name=g><BR><IMG height=21 src="digital-clock/cb.gif" width=16 name=h><BR><IMG height=21 src="digital-clock/cam.gif" width=16 name=j></P> <P> <P> <CENTER><BR><FONT face="arial, helvetica" size?-2?>Free JavaScripts provided<BR><BR>by <A href="<A href='http://javascriptsource.com">The'>http://javascriptsource.com">The</A> JavaScript Source</A></FONT><BR></CENTER> <P></P> <P><!-- Script Size: 3.36 KB --></P></body> </html>