How to call an action if the API response is more than X seconds?

Question

JavaScript

Let's imagine that there is an online store.
I need to have 2 event options when going to the category of goods and loading them.

1 - response from API is less than 1 second -> loader is not shown.
2 - response from API is more than 1 second -> loader is shown.

That is, I want to show a conditional loader if the promise response is long,
if the fast response is not to show the loading icon at all.

What for? I want to eliminate the jerking (appearance and disappearance) of the loader with a fast Internet (99% of cases)
and set special conditions for a slow Internet.

Is it possible at all? Google turned up no results.
Or who thought about it I will be glad to hear options for solving a similar problem.

Answer 1

You need to run the timer and your request in parallel.
If the request ends earlier, clear the timer and the loader will not appear.

let timerId = setTimeout(() => {
  // show loader
}, 1000);

fetch('API url').then((data) => {
  // prevent loader show
  clearTimeout(timerId);

  // show result
});