Home/ Questions/Q 8518493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T05:59:32+00:00

I have weird problem that I cant figure it out. I’ve made mobile app

  • 0

I have weird problem that I cant figure it out. I’ve made mobile app with jQuery and Phonegap. In my app I am calling some web-services to get data and when I do that it takes a few seconds so I want to show to user a loading bar. I have written my own loading presentation with .gif picture which I add to screen with javascript before service request. My problem is that this .gif is not added to screen until web service function is almost half or completely through. Like I would call it asynchronously, but as far as know It is all on one thread. So how could I achieve this?

(pseudo code)

showLoading();
callWebService();
stopLoading();
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve had issues similar to this, which have been resolved by adding the later actions into a setTimeout with interval 0:

    showLoading();
setTimeout(function(){
    callWebService();
    stopLoading();
}, 0);

    More detail about this technique can be found in this question, but basically the timeout allows the browser to complete any UI updates (such as rendering your loading image) before continuing to execute the JavaScript code.

    • 0