
JavaScript - DHTML, przesuwanie bloku DIV
| DZIAŁANIE: | Start! | Stop! |
Kod:
Ewentualne Objaśnienia:
Tutaj ponownie korzystamy z przeniesienia DIVa (left, top) jednak dzieje się
to w małych odstępach czasowych, co powoduje, że przesunięcie to wygląda płynnie
(powiedzmy). Oczywiście korzystamy ze znanej już funkcji setTimeout (oraz
clearTimeout do stopowania 'animacji'). Zmienna przeniesienie przechowuje liczbę
od 0 do 9 (random zwraca jak wiecie od 0 do 0.99, pomnożone przez 10 daje
0-9.9, parseInt zaokrągla do 0-9) . Dalej mamy dwie instrukcje if, sprawdzają
one wartości kolejnych wygenerowanych liczb (podobnie jak w zmiennej
przesuniecie). Jeśli wartości te są mniejsze od 5 to przesunięcie jest w prawo
(górę), a jeśli większe od 5 w lewo (w doł).
No i wiadomo na końcu wywołujemy naszą funkcję w odpowiednim odstępnie czasowym