Zwróć uwagę na położenie grafik na dysku! Grafiki możesz także tworzyć samodzielnie.
Skopiuj przykładowy kod, a także zestaw grafik.
W ramach HEAD
<script language="javascript1.1">
<!--
/*By George Chiang (WA's JavaScript tutorial)
http://www.geocities.com/SiliconValley/Vista/9892
Credit MUST stay intact for use*/
var dn
c1=new Image(); c1.src="gif/c1.gif"
c2=new Image(); c2.src="gif/c2.gif"
c3=new Image(); c3.src="gif/c3.gif"
c4=new Image(); c4.src="gif/c4.gif"
c5=new Image(); c5.src="gif/c5.gif"
c6=new Image(); c6.src="gif/c6.gif"
c7=new Image(); c7.src="gif/c7.gif"
c8=new Image(); c8.src="gif/c8.gif"
c9=new Image(); c9.src="gif/c9.gif"
c0=new Image(); c0.src="gif/c0.gif"
cb=new Image(); cb.src="gif/cb.gif"
cam=new Image(); cam.src="gif/cam.gif"
cpm=new Image(); cpm.src="gif/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>
W ramach BODY
<img src="gif/cb.gif" name="a"> <img src="gif/cb.gif" name="b"> <img src="gif/colon.gif" name="c"> <img src="gif/cb.gif" name="d"> <img src="gif/cb.gif" name="e"> <img src="gif/colon.gif" name="f"> <img src="gif/cb.gif" name="g"> <img src="gif/cb.gif" name="h"> <img src="gif/cam.gif" name="j">
W BODY dodaj informację
<BODY onLoad="show3()">