Kurszwrrr...
Czy w Javascripcie wynaleziono już może jakieś normalne wait do zatrzymania pętli na określony czas?
Coś w stylu:
for (x=1; x<=10; x++) {
zrób a;
zrób b;
if (jakiś warunek) przerwij_wykonywanie_pętli_i_czekaj_przez(x); // milisekund
}
Dobra, znowu będę gadać sama ze sobą, ale wymyśliłam takie cudo:
<!DOCTYPE html>
<html>
<head>
<title>tytul</title>
</head>
<body>
<div id="dane"></div>
<script>
function petla() {
document.getElementById("dane").innerHTML+=x+" ";
x++;
if (x<=xz) {
if (x==5) setTimeout(petla, t);
else petla();
}
}
xa=1; // licz od
xz=10; // licz do
x=1; // aktualny licznik
t=3000; // czas opóźnienia
petla();
</script>
</body>
</html>
Ma ktoś pomysł, jak to ew. zrobić ładniej i prościej?
Odchudzona i doludziona wersja:
function petla(x, ile) {
document.getElementById("dane").innerHTML+=x+" ";
x++;
if (x<=ile) {
if (x==5) setTimeout(function(){ petla(x, ile); }, 3000);
else petla(x, ile);
}
}
petla(1, 10);
Dobra, to już jest chyba używalne, ale jak ktoś ma lepsze pomysły, to nie pogardzę.
Prosty robot internetowy.
Skrypt ma wykonywać sekwencje operacji na obcych stronach (wiem Same-origin policy, ale to jest akurat do obejścia na różne sposoby).
No i przeważnie będzie pracować po prostu na dostępnej treści strony, ale czasem jego działania mogą sprawić, że strona coś tam sobie wykona w oparciu o własne skrypty i trzeba dać jej na to czas przed wykonaniem kolejnych operacji.
kult napisał(a):
@Freja Draco: to dlaczego nie wykorzystasz choćby standardowego setTimeout ?
W sumie, ostatecznie użyłam go, chociaż w trochę pokrętny sposób.
Natomiast zwykłe setTimeout użyte wewnątrz pętli względem jakiegoś polecenia, odwlecze mi je o zadany czas, po czym bez zwłoki wykona całą resztę pętli. A chodzi mi o to, żeby wszystko szło po kolei chociaż z przerwami w niektórych punktach.
@Freja Draco: To zrób to z promisami
const worker = ((amount, acu = 1) => {
document.getElementById("dane").innerHTML += `${acu} `;
acu++;
if (acu !== amount) {
wait(acu).then(() => worker(amount, acu));
}
});
const wait = (value => {
if (value !== 5) {
return Promise.resolve();
}
return new Promise(resolve => {
setTimeout(() => resolve(), 3000);
});
});
worker(10);
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.