Godzinę na stronie można wyświetlić za pomocą funkcji php - date(), o której była mowa w poprzednim poście, jednakże zostanie ona wyświetlona statycznie (bez odświeżania, np. 10:12:02). Poniżej przedstawię bardzo prosty skrypt, za pomocą którego wyświetlimy aktualną godzinę aktualizowaną co sekundę bez konieczności odświeżania strony.
<script type="text/javascript">
function zegar()
{
var czas = new Date();
godzina = czas.getHours();
minuta = czas.getMinutes();
sekunda = czas.getSeconds();
if (minuta <= 9) {minuta = "0"+minuta;}
if (minuta==60) {minuta= "00"}
if (sekunda <= 9) {sekunda = "0"+sekunda;}
if (sekunda==60) {sekunda= "00"}
document.forms["zegarek"].elements["pokaz"].value = godzina + ":" + minuta + ":" + sekunda;
}
setInterval("zegar()",1000);
</script>
Aby wyświetlić powyższy skrypt, należy wstawić na stronę następujący formularz:
<form id="zegarek">
<input type="text" style="font-weight:bold; background-color:ffffff; border:0; font-size:20" value="" name="pokaz" DISABLED />
</form>
Brak komentarzy:
Prześlij komentarz