Home >> JavaScript >> Javascript hodiny

Javascript hodiny

Podobně jako při zobrazování data použijeme funkce pro datum a čas pro vytvoření hodin, které se obnovují každou sekundu.

Nejprve si vytvoříme formulář, ve kterém bude zobrazován čas. Tento kód zkopírujte tam, kde chcete mít zobrazeny hodiny.


<form name="zobraz">

<input type="text" size="5" name="hodiny">

</form>

Nyní napíšeme funkci pro zobrazování času. Skript můžete umístit v HTML dokumentu a nebo také do externího souboru.


<script language="javascript" type="text/javascript">

<!--

function tiktak(){

var cas=new Date()

var hodina=cas.getHours()

var minuta=cas.getMinutes()

var sekunda=cas.getSeconds()



if (minuta<10)

minuta="0"+minuta



if (sekunda<10)

sekunda="0"+sekunda



document.zobraz.hodiny.value=hodina+":"+minuta+":"+sekunda

setTimeout("tiktak()",1000)

}

tiktak()

//-->

</script>

Zde je výsledek: