When building a Phonegap web based app you might want to control when your splash screen disappears.
Phonegap provides a solution for this:
In your config.xml file add:
<preference name="AutoHideSplashScreen" value="false" />. This will prevent the hiding of the splash screen by itself and it will remain on screen indefinitely;
Listen to the deviceready event;
After the event is fired and at the point you think the app is ready to use just call
navigator.splashscreen.hide();. This will make the splash screen go away and allow the user to use the app;
ps.: This tip doesn't intend to explain how to add a splash screen to your app, for that you can check Phonegap configuration