j-SplashScreen

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Una pantalla de presentación para aplicaciones de una sola página. El cuerpo debe estar envuelto en la etiqueta <script type="text/html">HTML</script>. El componente será destruido automáticamente.

Configuración:

timeout un tiempo de espera en milisegundos para destruir la pantalla de presentación (predeterminado: 3000)
autoremove:true {Boolean} elimina automáticamente el componente.
remember {String} p.ej. 1 day o 1 week: no muestra una pantalla de presentación (predeterminado: empty = deshabilitado)

Métodos:

component.show([body]) mostrará una pantalla de presentación con un cuerpo nuevo o antiguo (autoremove debe ser false)

Úselo con <ui-component name="splashscreen">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<style>
	html,body { height: 100%; overflow: hidden; padding: 0; margin: 0; }
	body { background-color: #F0F0F0; }
</style>

<ui-component name="splashscreen" class="ui-splashscreen">
	<script type="text/html">
		<div><img src="https://www.totaljs.com/download/B20200120T000000011.png" alt="Total.js Framework" border="0" /></div>
		<br />
		<p>Total.js framework is a server-side framework for Node.js<br /><b>Better than sex</b></p>
	</script>
</ui-component>

<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>
<div>Lorem ipsum</div>