|
kod
&
förklaringar
längre
ned
PLACERA JavaScript-KODEN I HTMLSIDANS HEAD-DEL.
<SCRIPT LANGUAGE="JavaScript"
TYPE="text/javascript">
<!--
iljclockstarted=0//1
iljdone=0//2
//
function iljcheck()//3
{//
if(iljclockstarted==0)//
{//
iljclockstarted=1//
iljclock()//
}//
}//
function iljclock()//
{//
var dag = new Date()//4
var tim=dag.getHours()//5
var min=dag.getMinutes()//6
var sec=dag.getSeconds()//7
if(tim<10)tim="0"+tim//8
if(min<10)min="0"+min//9
if(sec<10)sec="0"+sec//10
window.status =tim+":"+min+":"+sec//11
document.iljform.iljruta.value=tim+":"+min+":"+sec//12
if(document.getElementById)
{document.getElementById('iljs').innerHTML=tim+":"+min+":"+sec}
iljtimer = setTimeout("iljclock()",1000)//13
iljdone++//14
if(iljdone==600)//15
{
clearTimeout(iljtimer)//16
}
}
//-->
</SCRIPT>
STARTA KLOCKAN MED ETT ANROP EFTER BODY ONLOAD:
<BODY ONLOAD="iljcheck()">
PLACERA EN FORM MED EN TEXTRUTA PÅ HTML-SIDAN:
<FORM NAME="iljform">
<INPUT NAME="iljruta"
SIZE="8">
</FORM>
1 iljclockstarted
håller reda på om timern startats och sätts när sidan laddas till 0
2 iljdone
används för att reglera hur länge
klockan ska gå och sätts till 0 när sidan laddas
3 funktionen iljcheck()
kollar om timern startats, om inte (dvs om iljclockstarted
är lika med 0) anropas
iljclock() som startar timern och
iljclockstarted sätts då till 1 vilket gör
det omöjligt
att starta timern (klockan) mer än en gång
(om man t ex låter klockan starta genom en
klickning)
4 här får man fram aktuellt datum och tid
5 här får man fram timmarna
6 här får man fram minuterna
7 här får man fram sekunderna
8 om tim är mindre än 10 läggs en nolla till framför siffran
9 om min är mindre än 10 läggs en nolla till framför siffran
10 om sec är mindre än 10 läggs en nolla till framför siffran
11 funktionen
iljclock() anropar sig själv med ett intervall av 1000 millisekunder
12 den här raden skriver timmar, minuter och sekunder
i fönsterlisten; mellan siffrorna
skrivs ett kolon (eller ev annat tecken som placeras mellan citationstecknen)
De följande två raderna (som båda innehåller getElementById)
placerar klockan på ett lager som fått namnet iljs, t.ex.
<div id ="iljs" style="background-color:black;color:white"> </div>
13 den här raden skriver timmar, minuter och sekunder
i en textruta som här fått namnet iljruta och som
finns på en FORM som fått namnet
iljform
14 varje gång funktionen anropas ökar
iljdone med 1
15 om iljdone är lika med
600 så ...
16 stoppas timern
Fler JavaScript-exempel:
 onmouseover
image/mouseover
variant
varannan dag
bildväxl/animering
välja bild i rullgardinsmeny
meddelandefönster
datum & tid
meddelande onLoad
onFocus
lastModified
image/mouseover
onblur
klocka
history
images/ animation
ändra bakgrundsfärg
timer
timer 2
rörlig text i textarea
JavaScript confirm
mer om datum
öppna nytt fönster 1
öppna nytt fönster 2
JavaScript prompt
JavaScript flytande lager
[fler JavaScript-exempel hittar du i menyn i ramen till vänster]
Sidan gjordes av
ilj@flowsim.se
Senast ändrad 2 april 2004.
Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JavaScript på svenska
|