# j-SplashScreen

> Ein Begrüßungsbildschirm für Einzelseitenanwendungen. Der Text muss in das <script type='text/html'>HTML</script>-Tag eingeschlossen werden. Die Komponente wird automatisch zerstört.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: 380a4364d81da47105fbd6b22d261a181f1847d351224ffd4d3ed618791e86a6
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Ein Splash-Screen für einzelne Seitenanwendungen. Der Körper muss in das `<script type="text/html">HTML</script>`-Tag eingebaut werden.

__Konfiguration__:

- `timeout` eine Zeitlösung in Millisekunden, um den Splash-Screen zu zerstören (Default: `3000`)
- `autoremove:true {Boolean}` entfernt automatisch die Komponente.
- `remember {String}` z.B. `1 day` oder `1 week` - es zeigt keinen Splash-Screen (Default: `empty` = deaktiviert)

__Methoden__:

- `component.show([body])` wird einen Splash-Screen mit einem neuen oder alten Körper zeigen (`autoremove` muss `false`)

Verwenden Sie es mit `<ui-component name="splashscreen">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

```html 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>
```