WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Hodiny a datum
Normální položka
Zobrazeno: 7414

Popis: Textové hodiny s datumem.
Funkčnost: IE 5.5 a vyššie, Mozzila Firefox, Opera
Hodnocení: ****

Následující kód si vložte mezi tagy <HEAD> a </HEAD>.

<STYLE type="text/css"> 
.hodinky { 
border-style: none; 
font-family: Comic Sans MS; 
font-size: 10pt; 
font-weight: bold; 
font-color: black; 
background: white; 
} 
</STYLE> 

<SCRIPT charset="windows-1250" type="text/javascript"> 
<!-- 

function hodiny() { 
var datum=new Date(); 

var hodin=datum.getHours(); 
var minut=datum.getMinutes(); 
var vterin=datum.getSeconds(); 
var den=datum.getDay(); 
var mesic=datum.getMonth(); 
var dnes=datum.getDate(); 
var rok=datum.getYear(); 
var DopoledneOdpoledne=" "; 

if (hodin<=18) 
DopoledneOdpoledne="odpoledne"; 
if (hodin<=12) 
DopoledneOdpoledne="dopoledne"; 
if (hodin<=6) 
DopoledneOdpoledne="ráno"; 
if (hodin>18) 
DopoledneOdpoledne="večer"; 
if (hodin>=13) 
hodin-=12; 
if (hodin==0) 
hodin=12; 
if (vterin<10) 
vterin="0"+vterin; 
if (minut<10) 
minut="0"+minut; 

if (den==0) 
den="neděle"; 
if (den==1) 
den="pondělí"; 
if (den==2) 
den="úterý"; 
if (den==3) 
den="středa"; 
if (den==4) 
den="čtvrtek"; 
if (den==5) 
den="pátek"; 
if (den==6) 
den="sobota"; 

mesic+=1; 

document.hodinovyformular.hodiny.value="Je právě " + den 
+ " " + dnes + "/" + mesic + "/" + rok + " " + hodin 
+ ":" + minut + ":" + vterin + " " + DopoledneOdpoledne; 

} 

//--> 
</SCRIPT>

Následující kód si vložte mezi tagy <BODY> a </BODY>. 

<FORM name="hodinovyformular"> 
<INPUT class="hodinky" type="text" name="hodiny" size="60"> 
</FORM> 

<SCRIPT charset="windows-1250" type="text/javascript"> 
<!-- 
setInterval('hodiny()',1000); 
//--> 
</SCRIPT>