|
neuvedeno - Tipy a triky |
HTML Tip č. 3: Dynamicky se měnící hodiny na www stránce
Možná jste již narazili na stránku, kde se průběžně zobrazoval datum a čas. Pokud chcete své stránky vyšperkovat podobnou "lahůdkou", stačí vložit do kódu následující skript:
<html>
<head>
<title>Stránka s hodinami</title>
<script language="JavaScript">
<!--
function runClock() {
dnes=new Date();
hodiny=dnes.getHours();
minuty=dnes.getMinutes();
vteriny=dnes.getSeconds();
timeValue=hodiny;
timeValue += (":") + minuty;
timeValue += (":") + vteriny;
document.clock.time.value=timeValue;
timerID=setTimeout("runClock()",1000);
timerRunning = true;
}
// -->
</SCRIPT>
</head>
<body onLoad="runClock()">
<form name="clock" onSubmit="0">
Je právě <input type="text" name="time" size=6 value =""> hodin.
</form>
</body>
</html>
Je důležité, aby sekce mezi tagy <head> a </head> byla zapsána správně, tedy včetně velkých a malých písmen. Vlastní zobrazení hodin (tj. od tagu <form> do </form>) můžete umístit prakticky kamkoliv do stránky (např. v našem případě jsem "obalil" tag <input...> slovy Je právě ... hodin).
|
|
 |
Reklama |
Zde může být vaše reklama.
|
 |
|
|
 |
Reklama |
|
|