JavaScript - zdarzenia zależne od czasu

Kod:

Ewentualne Objaśnienia:

Oto bardzo prosty przykład na zastosowanie zdarzeń zależnych od czasu w JS. Widzicie sobie pytanie oraz pole tekstowe gdzie należy podać odpowiedź, no i wiadomo odpowiedni przycisk. Jak widzicie w kodzie zarówno pytanie jak i odpowiedź są bezsensowne - to zamierzone, do dziś śmieje się z tego jak w jednym z teleturniejów prowadzący pyta "wymień potwora", a gościu z pełną determinacją "kangur!" :-D

Jeśli chodzi o zdarzenie czasowe to pokazywałem już Wam jeden przykład w lekcji  24tablice_przyklad.html . Zarówno tutaj jak i tam wykorzystywałem funkcję setTimeout, tutaj mamy jeszcze jedną funkcję mianowicie clearTimeout - jest to po prostu odwołanie/anulowanie danego zdarzenia zależnego czasowo. Aby było to możliwe widzicie, że moje (tutaj 10sekundowe) odliczanie należało pierw przypisać do jakiejś zmiennej.

Cały kod jest bardzo prosty i zapewne go rozumiecie, jedyną poza clearTimeout nowością jest zapis history.go(0) - komenda ta powoduje przeładowanie bieżącej strony. Są jeszcze dwie inne podobne  komendy dzięki, którym możemy zrobić prostą nawigację po stronie czyli wstecz, dalej, przeładuj. Są to :
- history.back() - przejście do poprzednio oglądanej strony (wstecz)
- history.go(0) - przeładowanie strony bieżącej (parametr 0 nie jest wymagany dla przeglądarki IE),
- history.forward() - przejście do strony, z której wróciliśmy (dalej)