jQuery animácie - časovanie/vykonanie funkcie

Konkrétne ide o animácie sortovacích algoritmov pre projekt do školy...

Spravil som si funkciu, ktorá vymení dva inputy tak, že ich dá na určité miesto k sebe
a zobrazí porovnávací znak. Toto je ale len jeden krok k tomu, aby sortovací algoritmus
fungoval. Túto funkciu potrebujem volať viac krát, kedže budem porovnávať celé pole
inputov (10) a tu vzníká ten problém.

Zvažoval som použitie dynamického Intervalu, ktorý by prebiehal a vo vnútri by bol
vnorený cyklus, to mi ale v určitých prípadoch nevyhovuje. Vyhovuje mi to iba pri tak
jednoduchom sorte akým je napríklad bubble, tam viem odhadnúť čas jedného celého
intervalu, ale pri zložitejších napríklad aj s rekurziou to bude problém.

Nie je možné prispôsobiť funkciu tak, aby keď zavolám napríklad swap(element,x,y),
tak sa nevykoná naraz spolu s ďalšími, ale počká sa na to, kým sa predchádzajúci
swap(element,x,y) vykoná...

Ďakujem...

Ja si myslím, že to je dobrý nápad pre našich študentov, informatika tam nie je
na nejakej super úrovni a bude to ako učebná pomôcka. Terajší stav nemá nejakú
pridanú hodnotu, ale chystám tam viacej vecí, ktoré uľahčia pochopenie daných
algoritmov.

S tou duplicitou ma mrzí, že som na to zabudol, budem si na podobné veci dávať
väčší pozor. Zatiaľ som spojazdnil iba hlúpy bubble a pôjdem na ďalšie, kde to bude
trochu zložitejšie. Dané sortovacie algoritmy som si sám implementoval v C++ a
pre niekoho smiešnom Pascale z videí na youtube, takže nie je to len plané kopírovanie.

Situáciu som vyriešil iba dobrým načasovaním a určité veci budem musieť ešte
ošetriť a vylepšiť... Avšak prototyp by mohol vyzerať nejak takto: ODKAZ.

Ospravedlňujem sa za aktuálnu funkčnosť iba v Chrome, ale myslím, že to problém nebude.
Ak sem dlhšie nikto nenapíše, môžem zamknúť tému... ďakujem za prípadné rady
alebo aj za odhováranie v susednej "duplicitnej" sekcii.

//Prečo je v zozname zakázaných slov skracovač ( goo . gl )

"Prečo tu chceš dávať odkaz zo skracovača?"
Pretože som zvyknutý odkazy takto posielať aj po messangeroch, aj prepisovať do
iMsg cez iPad a podobne a jedným klikom mám skopírovanú adresu odkazu a pridanú
v clipboarde.

"Rozdeľ to na „(konkrétne) animácie“ a na „triediace algoritmy“, prípadne potom na
dotaz o ich zlúčení do jednej aplikácie." - Ďakujem, ak budem mať problém, napíšem
sem, nechám to tu v tomto prípade ešte otvorené.

"Čo také konkrétne je nepodporované v iných prehliadačoch a prečo ostatným
prehliadačom neposielaš na účel tejto diskusie ten „nepodporovaný“ kód?"
Pri dávnejšom projekte som využíval rôzne event handlery na spracovanie dotyku
na mobilných platformách a ich giest a bolo s tým vela roboty. Tak isto sa mi hneď
nechcelo upravovať css-ko aby vypadalo v každom prehliadači tak isto. A už vôbec
nie či a vôbec funguje daná funkcia v IE. Chcel som sa jednoducho zamerať na
výsledok v jednom prehliadači, ktorý podporuje všetko a na ostatných to doľadiť
neskôr.

"A kde sú v tom kóde nejaké tie animácie alebo niečo, z čoho sa má nejaký radca
„odraziť“?" - ak si v klikneš na tlačidlo Zoradiť, začne sa animovať celé pole.
Poslal som teda kompletnú ukážku prototypu a veľmi ľahko sa dá inspectnúť
bubble.js, ktorý ale môžem priložiť. Pôvodný problematický kód, už nie je
k dispozícii, pretože som to upravil a pôvodnú verziu nemám. Avšak som v tomto
začiatočník a tak sa každá rada zíde.

Edit: Myslím, že hociaký developer alebo aspoň občasný programátor webových aplikácii
má vo svojom PC nainštalované Chrome. Preto som vravel, že to nemusí byť problém.