V tem vodiču najdete dve javascript kodi. Prva je za datum, druga pa za uro. Datum in ura se prikažeta glede na uro in datum računalnika, na katerem se spletna stran prikaže. Imena mesecev in dnevov so slovenska.

javascript Datum

Javacsript koda:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script language="javascript">
 
var meseci = new Array("januar", "februar", "marec", "april", "maj", "junij", "julij", "avgust", "september", "oktober", "november", "december");
 
var dnevi = new Array("nedelja", "ponedeljek", "torek", "sreda", "četrtek", "petek", "sobota");
 
var datum = new Date();
 
document.write(dnevi[datum.getDay()] + ", " + datum.getDate() + ". " + meseci[datum.getMonth()] + " " + datum.getFullYear());
 
document.write("<br>");
 
document.write(datum.getDate() + ". "+ (datum.getMonth()+1) + ". " + datum.getFullYear());
 
</script>

Razlaga kode:

var meseci – ustvarite novo 1D tabelo, v kateri določite imena mesecev

var dnevi – ustvarite novo 1D tabelo, v kateri določite imena dnevov

var datum – z Date() ustvarite nov objekt, ki je v javascriptu določen kot datum

document.write – s tem ukazom na spletni strani izpišete nekaj (v našem primeru datum)

getDay() – glede na datum vašega računalnik izpiše številko dneva. Z dnevi[datum.getDay()] iz spremenljivke dnevi glede na številko vzamete ime dneva

getDate() – dobite dan v mesecu (kot številko)

getMonth() – dobite trenutni mesec (kot številko)

getFullYear() – dobite trenutno leto

Kako to kodo uporabiti?

Kodo vstavite v HTML dokument na tisto mesto, kjer želite prikazovati datum.

javascript Ura

Javascript koda:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script language="javascript">
 
window.onload=ura;
 
function ura(){
 
            var cd = new Date();
 
            var pravaOblika = cd.getHours() + ":" + ((cd.getMinutes() <10) ? 0 : "") + cd.getMinutes() + ":" + ((cd.getSeconds() <10) ? 0 : "") + cd.getSeconds() ;
 
            document.getElementById("ura").innerHTML = pravaOblika;
 
            setTimeout("ura()", 1000); } ura();
 
</script>

Razlaga kode:

window.onload=ura; – poskrbi za to, da se koda (metoda z imenom ura) izvede takoj, ko se stran naloži

function ura() – definiramo metodo z imenom ura

getHours() – dobimo uro

getMinutes() – dobimo minute

getSeconds() – dobimo sekunde

document.getElementById("ura") – v HTML dokumentu lahko pokličemo to metodo, če divu določimo id=«ura«

setTimeout – ura se osveži vsakih 1000 milisekund

Kako kodo vstavimo v stran?

Kodo vstavimo v telo HTML dokumenta, uporabimo jo pa tako, da jo vstavimo na tistem mestu, kjer jo želimo imeti.

<div id="ura"></div>

Predogled datuma in ure