Strona główna kursu

JavaScript - DHTML, przesuwanie bloku DIV

DZIAŁANIE: Start! | Stop!
 

Kod:

Kurs JavaScript, Kurs Ajax, Kurs PHP

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