JavaScript

JavaScripti >> Ure in koledarji >> LCD ura #2

Opis:
LCD ura, ki za svoje delovanje uporablja slike. Najbolje je vidna na črni podlagi (ozadju).

Primer:

Izvorna koda:

Korak 1 :
Ta del kode vstavite v <head> del strani:

<SCRIPT LANGUAGE="JavaScript"> var dn; c1 = new Image(); c1.src = "slike/c1.gif"; c2 = new Image(); c2.src = "slike/c2.gif"; c3 = new Image(); c3.src = "slike/c3.gif"; c4 = new Image(); c4.src = "slike/c4.gif"; c5 = new Image(); c5.src = "slike/c5.gif"; c6 = new Image(); c6.src = "slike/c6.gif"; c7 = new Image(); c7.src = "slike/c7.gif"; c8 = new Image(); c8.src = "slike/c8.gif"; c9 = new Image(); c9.src = "slike/c9.gif"; c0 = new Image(); c0.src = "slike/c0.gif"; cb = new Image(); cb.src = "slike/cb.gif"; cam = new Image(); cam.src = "slike/cam.gif"; cpm = new Image(); cpm.src = "slike/cpm.gif"; function extract(h,m,s,type) { if (!document.images) return; if (h <= 9) { document.images.a.src = cb.src; document.images.b.src = eval("c"+h+".src"); } else { document.images.a.src = eval("c"+Math.floor(h/10)+".src"); document.images.b.src = eval("c"+(h%10)+".src"); } if (m <= 9) { document.images.d.src = c0.src; document.images.e.src = eval("c"+m+".src"); } else { document.images.d.src = eval("c"+Math.floor(m/10)+".src"); document.images.e.src = eval("c"+(m%10)+".src"); } if (s <= 9) { document.g.src = c0.src; document.images.h.src = eval("c"+s+".src"); } else { document.images.g.src = eval("c"+Math.floor(s/10)+".src"); document.images.h.src = eval("c"+(s%10)+".src"); } if (dn == "AM") document.j.src = cam.src; else document.images.j.src = cpm.src; } function show3() { if (!document.images) return; var Digital = new Date(); var hours = Digital.getHours(); var minutes = Digital.getMinutes(); var seconds = Digital.getSeconds(); dn = "AM"; if ((hours >= 12) && (minutes >= 1) || (hours >= 13)) { dn = "PM"; hours = hours-12; } if (hours == 0) hours = 12; extract(hours, minutes, seconds, dn); setTimeout("show3()", 1000); } </script>

Korak 2:
Ta del kode vstavite v <body> del strani:

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole:

Korak 4:
Downloadejte si slike, ki so potrebne za delovanje tega JavaScripta TUKAJ, in si jih odzipajte v mapo, kjer boste imeli vašo spletno stran.