settimeout() not working in async/await function javascript

Asked Dec 29 '18 at 23:55

Active Dec 29 '18 at 23:55

Viewed 29 times

I have an async/await function as such:

async myfunction() {
  //CSS transition
  setTimeout(() => {
    //another CSS transition
  }, 500)
  await ... .then(... => {...});  
}

The problem is, my CSS transition in the setTimeout() goes off after the code in the .then() of await. Is it possible to force all the code before .then() to run first? I believe this has to do with the async nature of setTimeout() conflicting with the async await, but I'm not sure how to go around it. I'd appreciate any help. Thanks!

asked Dec 29 '18 at 23:55

Adam.V

1

Just `await` the promisified `setTimeout`? – CertainPerformance Dec 29 '18 at 23:57
@CertainPerformance what promisified `setTimeout()`? I don't see one anywhere, just a normal one. – Patrick Roberts Dec 30 '18 at 00:00
Adam.V, the 2017 update for the `sleep()` in the top answer is a promisified `setTimeout()` that is compatible with `await`. – Patrick Roberts Dec 30 '18 at 00:02
@PatrickRoberts OP just has to promisify the `setTimeout` and `await` it – CertainPerformance Dec 30 '18 at 00:02
create a promise for setTimeout and use Promise.all or just use await – Neli Dec 30 '18 at 00:04
I'm not really sure how to promisify the settimeout. How would I do that? Wouldn't I be left with two awaits? – Adam.V Dec 30 '18 at 00:20

settimeout() not working in async/await function javascript

0 Answers0