Sleep/Delay cu Javascript

#1
alex05ok

Publicat: 25 mai 2020 - 21:16

Member

Grup: Members
Mesaje: 376
Înscris: 08.11.2007

Salut,
Doresc sa pun un Sleep/Delay de 1 sec in "while" dar nu reusesc. Ma puteti ajuta cu codul bun?
Multumesc!

<script>
function scrollWin() {
var i = 0;
while (i < 10) {
window.scrollBy(0, 10);
...................................................(sleep 1000)
i++;
}
}
</script>

Editat de alex05ok, 25 mai 2020 - 21:17.

Sus

#2
sags

Publicat: 25 mai 2020 - 21:49

Guru Member

Grup: Senior Members
Mesaje: 10.033
Înscris: 24.04.2013

Nu se face asa. Reorganizezi codul astfel incat fiecare parte care se executa neinterupt sa fie o functie separata. Apoi utilzezi setTimeout() sau setInterval(), dupa caz, pentru a executa ‘bucatile’ in ordinea in care trebuie - fiecare ‘bucata’ o programeaza la executie, dupa intervalul necesar de timp, pe urmatoarea.

Sus

#3
CeapaIndustries

Publicat: 25 mai 2020 - 21:50

Member

Grup: Members
Mesaje: 583
Înscris: 20.01.2016

Ia vezi poate te ajuta asta cu ceva
https://www.sitepoin...eep-pause-wait/

Sus

#4
alx42

Publicat: 25 mai 2020 - 23:15

Senior Member

Grup: Senior Members
Mesaje: 2.802
Înscris: 26.06.2014

cu async/await

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

async function scrollWin(){
   while{
	  ...
	  await sleep(1000);  

   }
}

Sus

#5
alex05ok

Publicat: 26 mai 2020 - 07:02

Member

Grup: Members
Mesaje: 376
Înscris: 08.11.2007

Am incercat cu setTimeout() si setInterval() dar nu am reusit. Pana la urma a mers varianta lui "alx42". Multumesc!

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));
async function scrollWin(){
var i = 0;
while (i < 10) {
window.scrollBy(0, 10);
await sleep(1000);
i++;
}
}

HTML

<button onclick="scrollWin()">Scroll</button>

Editat de alex05ok, 26 mai 2020 - 07:04.

Sus

#6
alex05ok

Publicat: 26 mai 2020 - 07:42

Member

Grup: Members
Mesaje: 376
Înscris: 08.11.2007

Am reusit si cu setTimeout()

function scrollWin() {
var i = 0;
while (i < 10) {
(function(i) {
setTimeout(function() {
window.scrollBy(0, 10);
}, 1000 * i)
})(i++)
}
}

Editat de alex05ok, 26 mai 2020 - 07:46.

Sus

Anunturi

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

Sleep/Delay cu Javascript

#1 alex05ok Publicat: 25 mai 2020 - 21:16

#2 sags Publicat: 25 mai 2020 - 21:49

#3 CeapaIndustries Publicat: 25 mai 2020 - 21:50

#4 alx42 Publicat: 25 mai 2020 - 23:15

#5 alex05ok Publicat: 26 mai 2020 - 07:02

#6 alex05ok Publicat: 26 mai 2020 - 07:42

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
alex05ok

Publicat: 25 mai 2020 - 21:16

#2
sags

Publicat: 25 mai 2020 - 21:49

#3
CeapaIndustries

Publicat: 25 mai 2020 - 21:50

#4
alx42

Publicat: 25 mai 2020 - 23:15

#5
alex05ok

Publicat: 26 mai 2020 - 07:02

#6
alex05ok

Publicat: 26 mai 2020 - 07:42