Demo
El siguiente código muestra una aplicación de Splashscreen y su funcionamiento en la máquina virtual de Android:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplos de manejador de eventos Apache Cordova</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" charset="utf-8">
// Esperar a que carguen las librerias API del dispositivo
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// Las APIs del dispositivo estan disponibles
function onDeviceReady() {
navigator.splashscreen.hide();
}
</script>
</head>
<body onload="onLoad()">
<div class="app">
<h1>Pantalla de carga</h1>
<div id="deviceready" class="blink">
<p class="event listening">Cargando...</p>
<p class="event received">LISTO!!!</p>
<p>Muestra una pantalla de carga personalizada</p>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
</html> Vídeo demostración