Angular delay fast http requests

Question

How can I delay an http request only if it completes under 1second.

first scenario: - http request completes in 300ms, then we wait until 1 second ends.

second scenario: - http request completes in 1 second and 300ms, then we DO NOT delay.

how to accomplish this with observables ?

Do you mind asking what is the scenario for calling an API and delaying it? While the answer below works, I am curious... — Igor Soloydenko
– Igor Soloydenko, Commented Oct 17, 2017 at 1:18
@IgorSoloydenko We had a problem with an http request that was sometimes faster than our loading animation and it wasn't pretty so we all agreed that waiting for the animation to finish was ok, having results from the http call as soon as possible wasn't highly important. — Rachid O
– Rachid O, Commented Oct 17, 2017 at 10:34

martin · Accepted Answer · 2017-10-16 09:23:47Z

6

You can use forkJoin to wait until both Observables complete:

Observable.forkJoin(
  this.http.get(...),
  Observable.of(null).delay(1000),
  r => r // Use only the HTTP response
))
.subscribe();

answered Oct 16, 2017 at 9:23

martin

97.4k26 gold badges205 silver badges237 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

maxime1992 Over a year ago

Here's a Plunkr with a function that you might reuse @Rachid Oussanaa. I've also added a little benchmark to show the result with a fast (300ms) and a slow (1300ms) response.

Collectives™ on Stack Overflow

Angular delay fast http requests

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related