JavaScript

w przykładach

http://javascript.jest.o.k.pl

Zegarek

Prościutki skrypt - zegarek. Można go łatwo dostosować do wyświetlania czasu w pasku statusu zamiast w okienku tekstowym.

Instrukcja

W nagłówku wklejamy to:

<script language="JavaScript" type="text/javascript">                 
<!--                                                                  
// Niniejszy skrypt pochodzi z serwisu "JavaScript w przykladach"     
// Copyright (C) 1999 Maciej Szczepaniak <maciek@wls1.ch.pwr.wroc.pl> 
                                                                      
// Skrypt objety jest licencja GNU General Public License.            
// Koniecznie przeczytaj pelna informacje o licencji pod adresem:     
//     http://javascript.jest.o.k.pl/archiwum.html#l                  
                                                                      
var zegarekTimerID = null;                                            
function showtime() {                                                 
   var now = new Date();                                              
   var hours = now.getHours();                                        
   var minutes = now.getMinutes();                                    
   var seconds = now.getSeconds();                                    
   var timeValue = ((hours < 10) ? "0" : "") + + hours;               
   timeValue  += ((minutes < 10) ? ":0" : ":") + minutes;             
   timeValue  += ((seconds < 10) ? ":0" : ":") + seconds;             
   document.clock.face.value = timeValue;                             
   zegarekTimerID = setTimeout("showtime()",1000);                    
}                                                                     
// -->                                                                
</script>

Fragment document.clock.face.value = timeValue; można zastąpić przez window.status = timeValue; aby uzyskać zegarek w pasku stanu. Wtedy należy pominąć następny punkt i nie wstawiać okienka formularza, które nie jest w takim przypadku potrzebne.

Jeśli zdecydowaliśmy się ma zegarek w okienku, w dowolnym miejscu dokumetu umieszczamy coś takiego:

<form name="clock" action="">                                         
  <input type="text" name="face" size="8" readonly>                   
</form>

Teraz musimy uruchomić uruchomić skrypt. Aby odbywało się to automatycznie, przy załadowaniu strony, modyfikujemy tak znacznik <body>:

<body onLoad="showtime()">

[ Powrót na górę ]

Przykład

W tym okienku powinien być widoczny bieżący czas:

[ Powrót na górę ]

Powód niezgodności
strony z HTML 4.0:

Atrybut NAME w znaczniku FORM