[IMAGE]

 Javascript-malli 4
Ajan näyttäminen

Ajan näyttäminen voidaan toteuttaa usealla tavalla. Yksi käyttökelpoinen ominaisuus on tiedoston viimeinen tallennuspäivä. Tällä voidaan helposti saada päivitettäville sivuille tekstinä, tieto edellisestä tallennuksesta eli päivityksestä.

Dokumentin lastModified-ominaisuudella saadaan päivämäärä heti näkyville. Huomaa, että nyt javascript on piilotettu muun HTML-koodin BODY-osion alueelle

<HTML>
<HEAD>
<TITLE>js-malli6</TITLE>
</HEAD>
<BODY>
Tämä sivu päivitetty

<SCRIPT TYPE="text/javascript">
var aika = document.lastModified
document.write(aika)
</SCRIPT>

Ja täällä jatkuu normaali sivu...
</BODY>
</HTML>



Sivu uudessa selainikkunassa

Ajan laskeminen

Aikaa voidaan myös laskea nykyhetkestä tiettyyn tulevaan aikaan nähden. Ohessa lasketaan aikaa seuraavan vuorokauden alkuun eli keskiyöhön....

<HTML>
<HEAD>
<TITLE>js-malli7</TITLE>
<SCRIPT TYPE="text/javascript">

//haetaan nykyinen aika muuttujaan
//var sanalla esitellään muuttuja

var nyt = new Date();
//hae päivä + 1 eli seuraava päivä
var milloin_p = nyt.getDate()+1;
//hae kuukausi
var milloin_k = nyt.getMonth();
//hae vuosi 
var milloin_v = nyt.getYear();

//määritellään uusi aika, joka on seuraavan päivän 0:00:00 
var keskiyo = new Date(milloin_v, milloin_k, milloin_p)

//vähennä tulevasta nykyinen aika Date.parse laskee päivämäärän lukuarvolla
var paljonko = Date.parse(keskiyo) - Date.parse(nyt);

//muuta tunneiksi ja minuuteiksi
var paljonko_t = Math.round(paljonko / 3600000*1)/1
var paljonko_m = Math.round(paljonko / 60000*1)/1 - paljonko_t * 60

//muodosta merkkijono
var tuloste = " Aikaa on " + paljonko_t + " tuntia ja " + paljonko_m + " minuuttia "
//tulosta
document.write(tuloste)
</SCRIPT>
<META HTTP-EQUIV="Refresh" content="2,URL= jsmalli4.htm">
</HEAD>
<BODY>
</BODY>
</HTML>
Sivu uudessa selainikkunassa