window.setInterval

Joskus tarvitsemme myös jonkin tapahtuman tai funktion, joka toistuu tasaisin väliajoin. Silloin tarvitsemme setInterval -objektia.

Objekti esitellään kuten mikä tahansa muuttuja. Parametriksi voimme kuitenkin asettaa toistettavan funktion nimen ja toistovälin millisekunteina (1 s = 1000 ms). Muoto on siis:

var nimi = window.setInterval(funktionNimi, millisekunnit); 

Toiston peruminen tapahtuu käskyllä:

window.clearInterval(nimi); 

Päivämäärä ja kello

Päivämääräobjekti saadaan luotua käskyllä (valitaan nimeksi vaikkapa pvm):

   var pvm = new Date(); 

Päivämääräobjekti pvm sisältää tämän jälkeen paljon tietoa tämän hetkisestä ajasta: viikonpäivä, päivämäärä, aikavyöhyke jne. Nämä tiedot voidaan hakeaa päivämäärämetodeilla. Esimerkiksi

   pvm.getDate(); 

palauttaa päivän järjestysnumeron (1-31).

Päivämäärämetodeja:

Date()	palauttaa päivämääräobjektin
getDate()	palauttaa päivämääräobjektin päivän (arvot 1-31)
getDay()	palauttaa päivämääräobjektin viikonpäivän (arvot 0-6. 0=sunnuntai, 1=maanantai, jne.)
getMonth()	palauttaa päivämääräobjektin kuukauden (arvot 0-11. 0=tammikuu, 1=helmikuu, jne.)
getFullYear()	palauttaa päivämääräobjektin vuoden (kokonaisluku)
getHours()	palauttaa päivämääräobjektin tunnit (arvot 0-23)
getMinutes()	palauttaa päivämääräobjektin minutit (arvot 0-59)
getSeconds()	palauttaa päivämääräobjektin sekunnit (arvot 0-59)
getMilliseconds()	palauttaa päivämääräobjektin millisekuntien määrän (arvot 0-999)
getTime()	palauttaa millisekuntien määrän keskiyöstä 1/1-1970
getTimezoneOffset()	palauttaa tietokoneen ajan ja GMT-ajan eron minutteina

Päivämäärä-objektin esimerkki

Huomaa!
Body-elementtiin on lisätty onLoad-tapahtumafunktio, mikä käynnistää asetaAjastin()-funktion kun koko html-dokumentti on ladattu.

Tehtävä 1:

Tee 60 sekunnin countdown-laskuri , mikä laskee siis aikaa 60 sekunnista alaspäin ja pysähtyy 0 sekuntiin.

Tehtävä 2:

Muuta kello-ohjelmaa siten, että siihen tulee mukaan päivämäärä ja viikonpäivä.